/*****************************************************************************************
//Starter Web Interface v6.0
//Copyright (c) 2022 Pharos Architectural Controls Limited. All rights reserved.
//This sample content is made freely available for illustrative purposes only. Pharos Architectural Controls grants a non-exclusive copyright licence to use this sample content from which you can
//generate content tailored to your own specific needs for use with products from Pharos Architectural Controls. This sample content has not been thoroughly tested under all conditions and Pharos
//Architectural Controls cannot guarantee reliability or serviceability.
//This sample content is provided "as is" without warranties of any kind. The implied warranties of non-infringement, merchantability and fitness for a particular purpose are expressly
//disclaimed. In no event shall Pharos Architectural Controls be liable to any party for direct, indirect, incidental or consequential damages arising from the use of this sample content.
//For further information please contact support@pharoscontrols.com.
//*****************************************************************************************/

@charset "UTF-8";
@import "editable.css";
@font-face {
	font-family: 'futura_lt_bt';
	src: url(../fonts/futura_lt_bt.ttf) format("truetype")
}

@font-face {
	font-family: 'futura_md_bt';
	src: url(../fonts/futura_md_bt.otf) format("opentype")
}

* {
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
	margin: 0;
	padding: 0;
	scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
}

html {
	position: fixed;
	height: 100%;
	overflow: hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

body {
	margin: 0;
	padding: 0;
	display: -ms-grid;
	display: grid;
	/*height: 100vh;*/
	width: 100vw;
	-ms-grid-columns: 1fr;
	grid-template-columns: 1fr;
	-ms-grid-rows: 9fr .7fr;
	grid-template-rows: 9fr;
	grid-template-areas: "panel";
	font-family: 'futura_md_bt';
	color: var(--sec);
	background: var(--pri);
}

a {
	text-decoration: none;
}

.ancho{
	/*width: 100px;
	height: 100px;
	cursor: pointer;
*/
}
::-webkit-scrollbar {
    width: 0;  /* Remove scrollbar space */
    background: transparent;  /* Optional: just make scrollbar invisible */
}

.panel {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
	grid-area: panel;
	width: 100%;
	height: 105%;
	overflow-y: hidden;
	overflow-x: hidden;
	margin-top: -100vh;
	opacity: 0;
	-webkit-transition: opacity .6s ease-in-out;
	-o-transition: opacity .6s ease-in-out;
	transition: opacity .6s ease-in-out;
	
}

.panel:target {
	opacity: 1;
	margin-top: 0;
}

.splash {
	background-color: var(--pri);
	height: 100vh;
	width: 100vw;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.splashLogo {
/*	width: 40vw;*/
	height: 5vh;
    display: flex;
    justify-content: center;
}

.footer {
	-ms-grid-row: 2;
	-ms-grid-column: 1;
	grid-area: footer;
	padding: 0px 20px 0px 20px;
	opacity: 0px;
}

.footerBtnContainer {
	margin: auto;
	border-radius: var(--rad);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}

.footerBtn {
	color: var(--pri);
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 15%;
	min-height: 80px;
	min-width: 50px;
	cursor: pointer;
}

.container {
	grid-area: container;
	height: 100%;
	display: -ms-grid;
	display: grid;
	grid-gap: 0%;
	-ms-grid-columns: 1fr;
	grid-template-columns: 1fr;
	-ms-grid-rows: 1fr 0% 1fr 0% 7fr 0% 1fr;
	grid-template-rows: 1fr 1fr 7fr 1fr;
	grid-template-areas: "header" "content";
}
#login .container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width:100vw;
	align-items:center;
	margin-top:-50px;
}
#page0 .container {
	-ms-grid-rows: .5fr 0% 9.5fr;
	grid-template-rows: .5fr 9.5fr;
	grid-template-areas: "header" "content";
}

#page1 .container {
	-ms-grid-rows: .5fr .5fr 3.5fr 1fr;
	grid-template-rows: .5fr .5fr 3.5fr 1fr;
}

#page2 .container {
	-ms-grid-rows: .5fr 0% 1fr 0% 1fr 0% 7.5fr;
	grid-template-rows: .5fr 1fr 1fr 7.5fr;
	grid-template-areas: "header" "content";
}

#page3 .container {
	-ms-grid-rows: .5fr 0% 4.5fr 0% 4.5fr;
	grid-template-rows: .5fr 4.5fr 4.5fr;
	grid-template-areas: "header" "content" "toggle2";
}

#page4 .container {
	-ms-grid-rows: 1fr 0% 9fr;
	grid-template-rows: 1fr 9fr;
	grid-template-areas: "header" "content";
}

#page5 .container {
	-ms-grid-rows: 1fr 0% 9fr;
	grid-template-rows: 1fr 9fr;
	grid-template-areas: "header" "content";
}

#dimmer .container {
	-ms-grid-rows: 1fr 0% 1fr 0% 1fr 0% 1fr 0% 1fr 0% 1fr;
	grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-template-areas: "header" "toggle1" "content" "toggle2" "." ".";
}

#allOffPage .container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.header {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
	grid-area: header;
	display: -ms-grid;
	display: grid;
	border-radius: var(--rad);
	-ms-grid-columns: 1fr 1fr 1fr ;
	grid-template-columns: 1fr 1fr 1fr;
	/*-ms-grid-rows: .5fr .5fr .5fr;
	grid-template-rows: 1fr; */
	grid-template-areas:
        "regresar  logoContainer enfoque"
        ". title demostracion";
	padding: 10px;
}

#page0 .container>.header {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
}

#page2 .container>.header {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
}

#page3 .container>.header {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
}

#page4 .container>.header {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
}

#page5 .container>.header {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
}

#dimmer .container>.header {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
}

#allOffPage .container>.header {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
}

#page0 .header {
	-ms-grid-rows: .5fr .2fr;
	grid-template-rows: .5fr .2fr;
	grid-template-areas: "logout logo help" ". title .";
}

#page5 .header {
	-ms-grid-rows: 1fr;
	grid-template-rows: 1fr;
}

#dimmer .header {
	-ms-grid-rows: .5fr;
	grid-template-rows: .5fr;
	grid-template-areas: "logout title help";
	padding: 10px 0px;
}

#allOffPage .header {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
	grid-area: header;
	display: -ms-grid;
	display: grid;
	border-radius: var(--rad);
	-ms-grid-columns: 1fr 4fr 1fr;
	grid-template-columns: 1fr 4fr 1fr;
	-ms-grid-rows: 1fr .8fr;
	grid-template-rows: 1fr .8fr;
	grid-template-areas: "logout logo help" ". title .";
}

#allOffPage .header {
	display: none;
}

#login .content {
	-ms-grid-row: 5;
	-ms-grid-column: 1;
	padding: 20px;
	grid-area: content;
	padding: 0% 2%;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.loginContainer {
	background-color: var(--sec);
	display: -ms-flexbox;
	display: flex;
	flex-direction:row;
	width: 80%;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: var(--bor);
	border-radius: var(--rad);
	
	/*height: 45vh;
	width: 75vw;*/
	padding: 25px;
}

.field {
	width:90%;
	height:30px;
	margin:10px 0px;
	border-radius: 5px;
	border:0px;
	background-color:var(--pri);
	padding:10px 0px 10px 10px;
	font-size:18px;
}

#login button {
	border:0px;
	width:92%;
	border-radius:5px;
	height:50px;
	padding:10px;
	margin:10px 0px;
}

#allOffPage .content {
	-ms-grid-row: 5;
	-ms-grid-column: 1;
	padding: 20px;
	grid-area: content;
	padding: 0% 2%;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

#info .content {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 1fr;
	grid-template-columns: 1fr 1fr;
	-ms-grid-rows: 1fr 1fr;
	grid-template-rows: 1fr 1fr;
	grid-template-areas: "project info" "status group"
}

.subLabel {
	font-size: 8px;
	text-transform: uppercase;
	margin: 0px auto;
	color: var(--sec);
}

.projectInfo div {
	width: 100%;
}

.projectInfo, .systemInfo {
	background: rgb(0, 128, 255);
	background: -webkit-gradient( linear, left top, left bottom, from(rgba(0, 128, 255, 1)), to(rgba(0, 65, 145, 1)));
	background: -o-linear-gradient( top, rgba(0, 128, 255, 1) 0%, rgba(0, 65, 145, 1) 100%);
	background: linear-gradient( 180deg, rgba(0, 128, 255, 1) 0%, rgba(0, 65, 145, 1) 100%);
	border-radius: 15px;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
}

.projectInfo .row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	border-collapse: collapse;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.systemInfo .row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	border-collapse: collapse;
}

.systemInfo .row:nth-child(even) {
	background-color: var(--even);
	color: var(--ttxe);
	font-family: 'futura_lt_bt';
	font-size: 12px;
	padding: 2px 0px;
	text-transform: uppercase;
	width: 100%;
}

.systemInfo .row:nth-child(odd) {
	background-color: var(--odd);
	color: var(--ttxo);
	font-size: 12px;
	width: 100%;
	text-align: center;
	border-bottom: 0.5px solid var(--odd);
	text-transform: uppercase;
	padding: 2px 0px;
}

.projectInfo .row:nth-child(even) {
	background-color: var(--even);
	color: var(--ttxe);
	font-family: 'futura_lt_bt';
	font-size: 12px;
	padding: 2px 0px;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
}

.projectInfo .row:nth-child(odd) {
	background-color: var(--odd);
	color: var(--ttxo);
	font-size: 12px;
	width: 100%;
	text-align: center;
	border-bottom: 0.5px solid var(--odd);
	text-transform: uppercase;
	padding: 2px 0px;
}

.systemInfo .row:last-of-type {
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

.systemInfo .row:first-of-type {
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}

.projectInfo .row:last-of-type {
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

.projectInfo .row:first-of-type {
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}

.data {
	text-align: center;
}

.statusContainer {
	display: -ms-grid;
	display: grid;
	margin-top: 30px;
	-ms-grid-columns: 1fr 5fr;
	grid-template-columns: 1fr 5fr;
	-ms-grid-rows: 1fr;
	grid-template-rows: 1fr;
	position: relative;
	height: 40px;
	margin-right:20px;
}

.timelineNumContainer {
	margin-top: 0px;
}

.timelineNum {
	font-size: 24px;
	color: var(--btn);
	margin-top: 8px;
	position: absolute;
	text-align: right;
	width: 80px;
	right: 229px;
}

.timelineNum::before {
	content: "#";
	font-size: 13px;
	color: var(--btn);
	vertical-align: super;
}

.groupInfo {
	margin-top: -10px;
}

.groupLocation {
	font-size: 8px;
	color: var(--sec);
	margin-left: 2px;
	text-align: start;
	margin-top: -2px;
	text-transform: uppercase;
}

.groupName {
	font-size: 8px;
	color: var(--sec);
	text-transform: uppercase;
	display: inline-block;
	font-size: 8px;
	text-align: end;
	text-transform: uppercase;
	position: absolute;
	top: 25px;
	right: 18px;
}

.systemStatusTimelines .label {
	font-size: 8px;
	color: var(--sec);
	text-transform: uppercase;
	font-size: 9px;
	text-transform: uppercase;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	position: absolute;
	right: 202px;
	top: 0px;
	text-align: center;
}
.systemStatusScenes .label {
	font-size: 8px;
	color: var(--sec);
	text-transform: uppercase;
	font-size: 9px;
	text-transform: uppercase;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	position: absolute;
	right: 206px;
	top: 0px;
	text-align: center;
}

.scLabel {
	font-size: 8px;
	color: var(--sec);
	text-transform: uppercase;
	font-size: 9px;
	text-transform: uppercase;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	position: absolute;
	right: 207px;
	top: 2px;
	text-align: center;
}

.label2 {
	margin-top: 0px;
}

.inactive {
	display: inline-block;
	font-size: 8px;
	color: var(--btn2);
	margin-top: -17px;
	margin-right: 2px;
	text-align: end;
	margin-bottom: -3px;
	text-transform: uppercase;
}

.showStatus {
	display: inline-block;
	font-size: 8px;
	color: var(--btn);
	margin-top: 10px;
	margin-left: 2px;
	text-align: start;
	margin-bottom: -3px;
	text-transform: uppercase;
}

.showContainer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: absolute;
	right: 12px;
}

.showInfo {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-top: -33px;
}

.showContainer::before {
	content: "[";
	font-size: 50px;
	font-weight: 800;
	color: var(--btn);
}

.showContainer::after {
	content: "]";
	font-size: 50px;
	font-weight: 800;
	color: var(--btn);
}

.showName {
	background-color: var(--btn);
	color: var(--acc);
	font-size: 1.2vh;
	padding: 8px 10px 5px;
	width: 150px;
	text-align: center;
	text-transform: uppercase;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.showTime {
	font-size: 8px;
	color: var(--sec);
	margin-left: 2px;
	text-align: start;
	margin-top: -2px;
}

.noStatus {
	font-size: 12px;
	color: var(--sec);
	margin-left: 0px;
}

.scenesContainer, .scenesTitle, .timeTitle, .scRel {
	display: none;
}


#page3 .toggle1 {
	display: none;
}

#ISPicker>div>div::before {
	content: "INT";
	color: var(--sec);
	font-size: 10px;
	position: absolute;
	top: 10px;
	left: -25px;
}

#demoWheel>div>div:nth-child(2)::before {
	content: "SAT";
	color: var(--sec);
	font-size: 10px;
	position: absolute;
	top: 10px;
	left: -25px;
}

#kelvinPicker>div>div::before {
	content: "TEMP";
	color: var(--sec);
	font-size: 10px;
	position: absolute;
	top: 10px;
	left: -30px;
}

#kelvinPicker, #ISPicker {
	margin-top: 5px;
}

.timelineContainer, .scenesContainer {
	margin: 0px auto;
	max-height: 50vh;
	overflow-x: hidden;
	overflow-y: scroll;
	border-radius: 0px;
	border-radius: var(--rad);
	-webkit-box-shadow: 7px 7px 20px rgb(0 0 0 / 20%);
	box-shadow: 7px 7px 20px rgb(0 0 0 / 20%);
	border: 2px solid var(--bor);
}

.selectGroups {
	margin: 0px auto;
	max-height: 28vh;
	overflow-x: hidden;
	overflow-y: scroll;
	border-radius: 0px;
	border-radius: var(--rad);
	-webkit-box-shadow: 7px 7px 20px rgb(0 0 0 / 20%);
	box-shadow: 7px 7px 20px rgb(0 0 0 / 20%);
	border: 2px solid var(--bor);
	width: 75vw;
	z-index: 10;
}

.groupsContainer {
	margin: 0px auto;
	max-height: 28vh;
	overflow-x: hidden;
	overflow-y: scroll;
	border-radius: 0px;
	border-radius: var(--rad);
	-webkit-box-shadow: 7px 7px 20px rgb(0 0 0 / 20%);
	box-shadow: 7px 7px 20px rgb(0 0 0 / 20%);
	border: 2px solid var(--bor);
	margin-top: 10px;
	width: 100%
}

.groups {
	margin: 0px auto;
	overflow-x: hidden;
	overflow-y: scroll;
	width: 100%;
	height: 100%;
}

.buttons {
	width: 100%;
	margin: 0px auto 0px auto;
	height: 100%;
	overflow: hidden;
	border-radius: 0px;
}

.logoContainer {
	-ms-grid-row: 1;
	-ms-grid-column: 2;
	/*grid-area: logo;*/
	/*display: none;*/
}

#allOffPage .header>.logoContainer {
	-ms-grid-row: 1;
	-ms-grid-column: 2;
}

#page0 .logoContainer, #page0 .logo {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.logo {
	max-width: 235px;
	max-height:60px;
}

#page0 .pageTitle {
	-ms-grid-row: 1;
	-ms-grid-column: 2;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
	grid-area: title;
	font-family: "futura_lt_bt", sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding-top: 10px;
}

.intGroupName {
	text-transform: uppercase;
	font-size: 30px;
}

.pageTitle {
	-ms-grid-row: 1;
	-ms-grid-column: 2;
	grid-area: title;
	font-family: "futura_lt_bt", sans-serif;
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: 2px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-top: 10px;
	text-align:center;
}

#page0 .header>.pageTitle {
	-ms-grid-row: 2;
	-ms-grid-column: 2;
}

#page5 .header>.pageTitle {
	-ms-grid-row: 1;
	-ms-grid-column: 2;
}

#dimmer .header>.pageTitle {
	-ms-grid-row: 1;
	-ms-grid-column: 2;
}

#allOffPage .header>.pageTitle {
	-ms-grid-row: 2;
	-ms-grid-column: 2;
}

.offContainer>.pageTitle {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
}


.help {
	-ms-grid-row: 1;
	-ms-grid-column: 3;
	grid-area: help;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 12px;
	letter-spacing: 1.5px;
	font-family: 'futura_md_bt';
	cursor: pointer;
}

.logout {
-ms-grid-row: 1;
	-ms-grid-column: 3;
	grid-area: logout;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: flex-end;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 12px;
	letter-spacing: 1.5px;
	font-family: 'futura_md_bt';
	cursor: pointer;

	
}

#page0 .header>.help {
	-ms-grid-row: 1;
	-ms-grid-column: 3;
}

#dimmer .header>.help {
	-ms-grid-row: 1;
	-ms-grid-column: 3;
}

#allOffPage .header>.help {
	-ms-grid-row: 1;
	-ms-grid-column: 3;
}

.text {
	width: 90%;
	margin: 0px auto;
	max-height: 75vh;
	overflow-y: scroll;
	overflow-x: hidden;
	padding: 0px 20px 250px 20px;
}

.toggle1 {
	-ms-grid-row: 3;
	-ms-grid-column: 1;
	text-align: center;
	grid-area: toggle1;
	border-radius: var(--rad);
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

#page2 .container>.toggle1 {
	-ms-grid-row: 3;
	-ms-grid-column: 1;
}

#dimmer .container>.toggle1 {
	-ms-grid-row: 3;
	-ms-grid-column: 1;
}

#page1 .toggle1 {
	-ms-grid-row: 3;
	-ms-grid-column: 1;
	text-align: center;
	grid-area: toggle1;
	border-radius: var(--rad);
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.section {
	padding: 20px;
	margin: 5px;
	border-radius: 0px;
	line-height: 20px;
	border: 0px solid var(--con);
	min-width: 80%;
}

#page2 .toggle1 {
	-ms-grid-row: 3;
	-ms-grid-column: 1;
	grid-area: toggle1;
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr;
	grid-template-columns: 1fr;
	-ms-grid-rows: 1fr 1fr;
	grid-template-rows: 1fr 1fr;
}

.toggle2 {
	-ms-grid-row: 7;
	-ms-grid-column: 1;
	grid-area: toggle2;
	text-align: center;
	border-radius: var(--rad);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

#page2 .container>.toggle2 {
	-ms-grid-row: 5;
	-ms-grid-column: 1;
}

#page3 .container>.toggle2 {
	-ms-grid-row: 5;
	-ms-grid-column: 1;
}

#dimmer .container>.toggle2 {
	-ms-grid-row: 7;
	-ms-grid-column: 1;
}

#page2 .toggle2 {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

#page1 .toggle2 {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

#dimmer .toggle2 {
	-ms-grid-row: 7;
	-ms-grid-column: 1;
	grid-area: toggle2;
	text-align: center;
	border-radius: var(--rad);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
}

.content {
	-ms-grid-row: 5;
	-ms-grid-column: 1;
	grid-area: content;
	padding: 0% 2%;
	text-align: center;
}

#page0 .container>.content {
	-ms-grid-row: 3;
	-ms-grid-column: 1;
}

#page2 .container>.content {
	-ms-grid-row: 7;
	-ms-grid-column: 1;
}

#page3 .container>.content {
	-ms-grid-row: 3;
	-ms-grid-column: 1;
}

#page4 .container>.content {
	-ms-grid-row: 3;
	-ms-grid-column: 1;
}

#page5 .container>.content {
	-ms-grid-row: 3;
	-ms-grid-column: 1;
}

#dimmer .container>.content {
	-ms-grid-row: 5;
	-ms-grid-column: 1;
}

#allOffPage .container>.content {
	-ms-grid-row: 3;
	-ms-grid-column: 1;
}

#page1 .content {
	-ms-grid-row: 5;
	-ms-grid-column: 1;
	grid-area: content;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-preferred-size: fit-content;
	flex-basis: fit-content;
}

.main {
	border-radius: var(--rad);
	padding: 20px;
	padding-top: 0px;
}

#page3 .main {
	border-radius: var(--rad);
	padding: 20px;
	padding-top: 0px;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 100%;
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr;
	grid-template-columns: 1fr;
	-ms-grid-rows: 4fr .5fr .5fr;
	grid-template-rows: 4fr .5fr .5fr;
}

#page3 .main>*:nth-child(1) {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
}

#page3 .main>*:nth-child(2) {
	-ms-grid-row: 2;
	-ms-grid-column: 1;
}

#page3 .main>*:nth-child(3) {
	-ms-grid-row: 3;
	-ms-grid-column: 1;
}

#page1 .main {
	border-radius: var(--rad);
	padding: 20px;
	padding-top: 0px;
	width: 100%;
}

.hm {
	background-color: var(--sec);
	-webkit-mask: url(../images/home.svg);
	mask: url(../images/home.svg);
	width: 40px;
	height: 40px;
}

.sc {
	background-color: var(--sec);
	-webkit-mask: url(../images/tab_scene.svg);
	mask: url(../images/tab_scene.svg);
	width: 40px;
	height: 40px;
}

.tr {
	background-color: var(--sec);
	-webkit-mask: url(../images/tab_trigger.svg);
	mask: url(../images/tab_trigger.svg);
	width: 40px;
	height: 40px;
	margin: 5px auto;
}

.cp {
	background-color: var(--sec);
	-webkit-mask: url("../images/picker_active.svg");
	mask: url("../images/picker_active.svg");
	width: 40px;
	height: 40px;
	margin: 5px auto;
}

.is {
	background-color: var(--sec);
	-webkit-mask: url("../images/dimmer_active.svg");
	mask: url("../images/dimmer_active.svg");
	width: 40px;
	height: 40px;
	margin: 5px auto;
}

.of {
	background-color: var(--sec);
	-webkit-mask: url("../images/off.svg");
	mask: url("../images/off.svg");
	width: 40px;
	height: 40px;
	margin: 5px auto;
}

.mainBtn {
	width: 150px;
	height: 150px;
	font-family: 'futura_md_bt';
	margin: 0px auto;
}

.mainBtn>.sc {
	background-color: var(--btn);
	-webkit-mask: url(../images/tab_scene.svg);
	mask: url(../images/tab_scene.svg);
}

.mainBtn>.tr {
	background-color: var(--btn);
	-webkit-mask: url(../images/tab_trigger.svg);
	mask: url(../images/tab_trigger.svg);
}

.mainBtn>.cp {
	background-color: var(--btn);
	-webkit-mask: url("../images/picker_active.svg");
	mask: url("../images/picker_active.svg");
}

.mainBtn>.is {
	background-color: var(--btn);
	-webkit-mask: url("../images/dimmer_active.svg");
	mask: url("../images/dimmer_active.svg");
}

.mainBtn>.of {
	background-color: var(--btn);
	-webkit-mask: url("../images/off.svg");
	mask: url("../images/off.svg");
}

.mainBtn div {
	width: 95px;
	height: 95px;
	margin: 0px auto 10px;
}

.mainBtn span {
	text-align: center;
	width: 100%;
	color: var(--btn);
}

.mainButtons {
	width: 90%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: space-evenly;
	-ms-flex-pack: space-evenly;
	justify-content: space-evenly;
	-ms-flex-line-pack: space-evenly;
	align-content: space-evenly;
	margin: 0px auto;
	height: 80vh;
}

.icon_active {
	background-color: var(--btn) !important;
}

.mainBtn span {
	padding-top: 20px;
	text-decoration: none;
}

.footerBtn_active {
	background-color: transparent;
}

.filterBtnActive {
	-webkit-filter: saturate(4);
	filter: saturate(4);
	border-top: 0px solid rgba(20, 20, 20, .5) !important;
	-webkit-box-shadow: inset 0px 0px 20px rgb(0 0 0 / 50%);
	box-shadow: inset 0px 0px 20px rgb(0 0 0 / 50%);
}

.mainBtn span {
	margin-top: 30px;
}

.masterIntensity {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	max-height: 70vh;
    overflow-x: hidden;
    overflow-y: scroll;
}

.back {
	font-size: 30px;
	cursor: pointer;
	color: var(--sec);
}

#page5 .back {
	font-size: 20px;
	cursor: pointer;
	color: var(--btn);
	padding-bottom: 20px;
	padding-top:20px;
}

.tlSwitch {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 2fr 1fr 2fr;
	grid-template-columns: 2fr 1fr 2fr;
	-ms-grid-rows: 1fr;
	grid-template-rows: 1fr;
	grid-template-areas: "leftLabel switch rightLabel";
	grid-gap: 0%;
}

.tlSwitch .switch input {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 50px;
	height: 20px;
	display: flex;
	opacity: 0;
	z-index: 100;
	cursor: pointer;
	position: absolute;
}

.tlSwitch .switch {
	-ms-grid-row: 1;
	-ms-grid-column: 3;
	grid-area: switch;
	width: 80px;
	height: 25px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.tlSwitch .switch label {
	width: 60%;
	height: 100%;
	position: relative;
	background: -webkit-gradient(linear, left top, left bottom, from(#b3b6b9), to(#a7a9ac));
	background: -o-linear-gradient(#b3b6b9, #a7a9ac);
	background: linear-gradient(#b3b6b9, #a7a9ac);
	border-radius: 30px 30px 30px 30px;
	-webkit-box-shadow: inset 0 3px 20px 0px rgb(0 0 0 / 20%), inset 0 1px 0 rgb(0 0 0 / 50%), 0 1px 0 rgb(255 255 255 / 20%);
	box-shadow: inset 0 3px 20px 0px rgb(0 0 0 / 20%), inset 0 1px 0 rgb(0 0 0 / 50%), 0 1px 0 rgb(255 255 255 / 20%);
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.tlSwitch .switch input~label i {
	display: block;
	height: 22px;
	width: 22px;
	position: absolute;
	left: 1px;
	top: 1px;
	z-index: 2;
	border-radius: inherit;
	background: var(--han);
	-webkit-box-shadow: inset 0px 2px 0 rgb(255 255 255), 0 2px 5px rgb(0 0 0 / 20%), 0 2px 5px rgb(0 0 0 / 50%);
	box-shadow: inset 0px 2px 0 rgb(255 255 255), 0 2px 5px rgb(0 0 0 / 20%), 0 2px 5px rgb(0 0 0 / 50%);
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.tlSwitch .leftLabel {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
	content: "";
	font-size: 12px;
	font-family: 'futura_md_bt';
	letter-spacing: 2px;
	color: var(--sec);
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	z-index: 2;
	grid-area: leftLabel;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.tlSwitch .rightLabel {
	-ms-grid-row: 1;
	-ms-grid-column: 5;
	content: "";
	font-size: 12px;
	font-family: 'futura_md_bt';
	letter-spacing: 2px;
	color: var(--sec);
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	z-index: 2;
	grid-area: rightLabel;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.tlSwitch .switch input:checked~label+span {
	content: "";
	display: inline-block;
	position: absolute;
	font-size: 25px;
	font-family: 'futura_md_bt';
	color: var(--sec);
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	z-index: 2;
	opacity: 1;
}

.tlSwitch .switch input:checked~label {
}

.tlSwitch .switch input:checked~label i {
	left: auto;
	left: 55%;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 8px rgba(0, 0, 0, 0.3), 0 8px 8px rgba(0, 0, 0, 0.3), inset -1px 0 1px var(--acc);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 8px rgba(0, 0, 0, 0.3), 0 8px 8px rgba(0, 0, 0, 0.3), inset -1px 0 1px var(--acc);
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.relLabel {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
	-ms-grid-column-span: 5;
	grid-area: relLabel;
	content: "";
	display: inline-block;
	font-size: 12px;
	font-family: 'futura_md_bt';
	letter-spacing: 2px;
	color: var(--sec);
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	z-index: 2;
}

.relSwitch {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 2fr 1fr 2fr;
	grid-template-columns: 2fr 1fr 2fr;
	-ms-grid-rows: 1fr 0% 1fr;
	grid-template-rows: 1fr 1fr;
	grid-template-areas: "relLabel relLabel relLabel" "leftLabel switch rightLabel";
	grid-gap: 0%;
}

.relSwitch .switch input {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 50px;
	height: 20px;
	display: flex;
	opacity: 0;
	z-index: 100;
	cursor: pointer;
	position: absolute;
}

.relSwitch .switch {
	-ms-grid-row: 3;
	-ms-grid-column: 3;
	grid-area: switch;
	width: 80px;
	height: 25px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.relSwitch .switch label {
	width: 60%;
	height: 100%;
	position: relative;
	background: -webkit-gradient(linear, left top, left bottom, from(#b3b6b9), to(#a7a9ac));
	background: -o-linear-gradient(#b3b6b9, #a7a9ac);
	background: linear-gradient(#b3b6b9, #a7a9ac);
	border-radius: 30px 30px 30px 30px;
	-webkit-box-shadow: inset 0 3px 20px 0px rgb(0 0 0 / 20%), inset 0 1px 0 rgb(0 0 0 / 50%), 0 1px 0 rgb(255 255 255 / 20%);
	box-shadow: inset 0 3px 20px 0px rgb(0 0 0 / 20%), inset 0 1px 0 rgb(0 0 0 / 50%), 0 1px 0 rgb(255 255 255 / 20%);
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.relSwitch .switch input~label i {
	display: block;
	height: 22px;
	width: 22px;
	position: absolute;
	left: 1px;
	top: 1px;
	z-index: 2;
	border-radius: inherit;
	background: var(--han);
	-webkit-box-shadow: inset 0px 2px 0 rgb(255 255 255), 0 2px 5px rgb(0 0 0 / 20%), 0 2px 5px rgb(0 0 0 / 50%);
	box-shadow: inset 0px 2px 0 rgb(255 255 255), 0 2px 5px rgb(0 0 0 / 20%), 0 2px 5px rgb(0 0 0 / 50%);
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.relSwitch .leftLabel {
	-ms-grid-row: 3;
	-ms-grid-column: 1;
	content: "";
	font-size: 12px;
	font-family: 'futura_md_bt';
	letter-spacing: 2px;
	color: var(--sec);
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	z-index: 2;
	grid-area: leftLabel;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.relSwitch .rightLabel {
	-ms-grid-row: 3;
	-ms-grid-column: 5;
	content: "";
	font-size: 12px;
	font-family: 'futura_md_bt';
	letter-spacing: 2px;
	color: var(--sec);
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	z-index: 2;
	grid-area: rightLabel;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.relSwitch .switch input:checked~label+span {
	content: "";
	display: inline-block;
	position: absolute;
	font-size: 25px;
	font-family: 'futura_md_bt';
	color: var(--sec);
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	z-index: 2;
	opacity: 1;
}

.relSwitch .switch input:checked~label {
	background: -webkit-gradient(linear, left top, left bottom, from(#00cc00), to(#00cc00));
	background: -o-linear-gradient(#00cc00, #00cc00);
	background: linear-gradient(#00cc00, #00cc00);
}

.relSwitch .switch input:checked~label i {
	left: auto;
	left: 55%;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 8px rgba(0, 0, 0, 0.3), 0 8px 8px rgba(0, 0, 0, 0.3), inset -1px 0 1px var(--acc);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 8px rgba(0, 0, 0, 0.3), 0 8px 8px rgba(0, 0, 0, 0.3), inset -1px 0 1px var(--acc);
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.conSwitch {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1.4fr 1fr;
	grid-template-columns: 2fr 1fr;
	-ms-grid-rows: .5fr 1fr;
	grid-template-rows: .5fr 1fr;
	grid-template-areas: " . . " "leftLabel switch";
}

.conSwitch .switch input {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 50px;
	height: 20px;
	display: flex;
	opacity: 0;
	z-index: 100;
	cursor: pointer;
	position: absolute;
}

.conSwitch .switch {
	-ms-grid-row: 2;
	-ms-grid-column: 2;
	grid-area: switch;
	width: 80px;
	height: 25px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.conSwitch .switch label {
	width: 60%;
	height: 100%;
	position: relative;
	background: -webkit-gradient(linear, left top, left bottom, from(#b3b6b9), to(#a7a9ac));
	background: -o-linear-gradient(#b3b6b9, #a7a9ac);
	background: linear-gradient(#b3b6b9, #a7a9ac);
	border-radius: 30px 30px 30px 30px;
	-webkit-box-shadow: inset 0 3px 20px 0px rgb(0 0 0 / 20%), inset 0 1px 0 rgb(0 0 0 / 50%), 0 1px 0 rgb(255 255 255 / 20%);
	box-shadow: inset 0 3px 20px 0px rgb(0 0 0 / 20%), inset 0 1px 0 rgb(0 0 0 / 50%), 0 1px 0 rgb(255 255 255 / 20%);
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.conSwitch .switch input~label i {
	display: block;
	height: 22px;
	width: 22px;
	position: absolute;
	left: 1px;
	top: 1px;
	z-index: 2;
	border-radius: inherit;
	background: var(--han);
	-webkit-box-shadow: inset 0px 2px 0 rgb(255 255 255), 0 2px 5px rgb(0 0 0 / 20%), 0 2px 5px rgb(0 0 0 / 50%);
	box-shadow: inset 0px 2px 0 rgb(255 255 255), 0 2px 5px rgb(0 0 0 / 20%), 0 2px 5px rgb(0 0 0 / 50%);
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.conSwitch .leftLabel {
	-ms-grid-row: 2;
	-ms-grid-column: 1;
	content: "";
	font-size: 12px;
	font-family: 'futura_md_bt';
	letter-spacing: 2px;
	color: var(--sec);
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	z-index: 2;
	grid-area: leftLabel;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

.conSwitch .rightLabel {
	-ms-grid-row: 1;
	-ms-grid-column: 5;
	content: "";
	font-size: 12px;
	font-family: 'futura_md_bt';
	letter-spacing: 2px;
	color: var(--sec);
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	z-index: 2;
	grid-area: rightLabel;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.conSwitch .switch input:checked~label+span {
	content: "";
	display: inline-block;
	position: absolute;
	font-size: 25px;
	font-family: 'futura_md_bt';
	color: var(--sec);
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	z-index: 2;
	opacity: 1;
}

.conSwitch .switch input:checked~label {
	background: -webkit-gradient(linear, left top, left bottom, from(#00cc00), to(#00cc00));
	background: -o-linear-gradient(#00cc00, #00cc00);
	background: linear-gradient(#00cc00, #00cc00);
}

.conSwitch .switch input:checked~label i {
	left: auto;
	left: 55%;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 8px rgba(0, 0, 0, 0.3), 0 8px 8px rgba(0, 0, 0, 0.3), inset -1px 0 1px var(--acc);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 8px rgba(0, 0, 0, 0.3), 0 8px 8px rgba(0, 0, 0, 0.3), inset -1px 0 1px var(--acc);
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.cpSwitch {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 2fr 1fr 2fr;
	grid-template-columns: 2fr 1fr 2fr;
	-ms-grid-rows: 1fr;
	grid-template-rows: 1fr;
	grid-template-areas: "leftLabel switch rightLabel";
	grid-gap: 0%;
}

.cpSwitch .switch input {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 50px;
	height: 20px;
	display: flex;
	opacity: 0;
	z-index: 100;
	cursor: pointer;
	position: absolute;
}

.cpSwitch .switch {
	-ms-grid-row: 1;
	-ms-grid-column: 3;
	grid-area: switch;
	width: 80px;
	height: 25px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.cpSwitch .switch label {
	width: 60%;
	height: 100%;
	position: relative;
	background: -webkit-gradient(linear, left top, left bottom, from(#b3b6b9), to(#a7a9ac));
	background: -o-linear-gradient(#b3b6b9, #a7a9ac);
	background: linear-gradient(#b3b6b9, #a7a9ac);
	border-radius: 30px 30px 30px 30px;
	-webkit-box-shadow: inset 0 3px 20px 0px rgb(0 0 0 / 20%), inset 0 1px 0 rgb(0 0 0 / 50%), 0 1px 0 rgb(255 255 255 / 20%);
	box-shadow: inset 0 3px 20px 0px rgb(0 0 0 / 20%), inset 0 1px 0 rgb(0 0 0 / 50%), 0 1px 0 rgb(255 255 255 / 20%);
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.cpSwitch .switch input~label i {
	display: block;
	height: 22px;
	width: 22px;
	position: absolute;
	left: 1px;
	top: 1px;
	z-index: 2;
	border-radius: inherit;
	background: var(--han);
	-webkit-box-shadow: inset 0px 2px 0 rgb(255 255 255), 0 2px 5px rgb(0 0 0 / 20%), 0 2px 5px rgb(0 0 0 / 50%);
	box-shadow: inset 0px 2px 0 rgb(255 255 255), 0 2px 5px rgb(0 0 0 / 20%), 0 2px 5px rgb(0 0 0 / 50%);
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.cpSwitch .leftLabel {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
	content: "";
	font-size: 12px;
	font-family: 'futura_md_bt';
	letter-spacing: 2px;
	color: var(--sec);
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	z-index: 2;
	grid-area: leftLabel;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.cpSwitch .rightLabel {
	-ms-grid-row: 1;
	-ms-grid-column: 5;
	content: "";
	font-size: 12px;
	font-family: 'futura_md_bt';
	letter-spacing: 2px;
	color: var(--sec);
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	z-index: 2;
	grid-area: rightLabel;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.cpSwitch .switch input:checked~label+span {
	content: "";
	display: inline-block;
	position: absolute;
	font-size: 25px;
	font-family: 'futura_md_bt';
	color: var(--sec);
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	z-index: 2;
	opacity: 1;
}

.cpSwitch .switch input:checked~label {}

.cpSwitch .switch input:checked~label i {
	left: auto;
	left: 55%;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 8px rgba(0, 0, 0, 0.3), 0 8px 8px rgba(0, 0, 0, 0.3), inset -1px 0 1px var(--acc);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 8px rgba(0, 0, 0, 0.3), 0 8px 8px rgba(0, 0, 0, 0.3), inset -1px 0 1px var(--acc);
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.btn2 {
	padding: 10px;
	padding: 10px;
	cursor: pointer;
	background-color: var(--btn);
	font-size: 16px;
	text-transform: uppercase;
	-ms-touch-action: auto;
	touch-action: auto;
	font-family: "futura_lt_bt", sans-serif;
	color: var(--acc);
	margin: 0px auto;
	text-align: center;
	position: relative;
	max-width: 100%;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	border-bottom: 1px solid rgba(10, 10, 10, .1);
	border-top: 1px solid rgba(230, 230, 230, .2);
}

.groupBtnsSmall {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.btn2Small {
	width: 100%;
	padding: 10px;
	cursor: pointer;
	background-color: var(--btn);
	font-size: 16px;
	text-transform: uppercase;
	-ms-touch-action: auto;
	touch-action: auto;
	font-family: "futura_lt_bt", sans-serif;
	color: var(--pri);
	margin: 0px auto;
	text-align: center;
	position: relative;
	max-width: 50%;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	border-bottom: 1px solid rgba(10, 10, 10, .1);
	border-top: 1px solid rgba(230, 230, 230, .2);
	border-right: 1px solid rgba(10, 10, 10, .1);
	border-left: 1px solid rgba(230, 230, 230, .2);
}

.active {
	background-color: var(--act);
	color: var(--actx);
}

.tBtn {
	cursor: pointer;
	font-size: 16px;
	font-weight: 100;
	text-transform: uppercase;
	-ms-touch-action: auto;
	touch-action: auto;
	font-family: "futura_md_bt", sans-serif;
	padding: 7px 10px 5px 10px;
	color: var(--pri);
	margin: -4px auto;
	text-align: center;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	float: right;
	display: inline-block !important;
	border-radius: 5px !important;
	-webkit-box-shadow: 2px 2px 6px rgb(0 0 0 / 30%), -2px -2px 6px rgb(255 255 255 / 40%);
	box-shadow: 2px 2px 6px rgb(0 0 0 / 30%), -2px -2px 6px rgb(255 255 255 / 40%);
	letter-spacing: 2px;
}

.tBtn:active {
	cursor: pointer;
	font-size: 16px;
	font-weight: 100;
	text-transform: uppercase;
	-ms-touch-action: auto;
	touch-action: auto;
	font-family: "futura_md_bt", sans-serif;
	padding: 7px 10px 5px 10px;
	color: var(--pri);
	margin: -4px auto;
	text-align: center;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	float: right;
	display: inline-block !important;
	border-radius: 5px !important;
	-webkit-box-shadow: 2px 2px 6px rgb(255 255 255 / 40%), -2px -2px 6px rgb(0 0 0 / 30%);
	box-shadow: 2px 2px 6px rgb(255 255 255 / 40%), -2px -2px 6px rgb(0 0 0 / 30%);
	letter-spacing: 2px;
}

.accTop, .accSCtop {
	color: var(--sec);
	font-size: 16px;
	cursor: pointer;
	font-family: "futura_lt_bt";
	text-transform: uppercase;
	height: 20px;
	padding: 10px;
	background-color: var(--con);
	border-bottom: var(--bbot);
	border-top: var(--btop);
}

.accSub, .accSCsub {
	color: var(--sec);
	font-size: 16px;
	background-color: #e6e6e6;
	cursor: pointer;
	font-family: "futura_md_bt", sans-serif;
	text-transform: uppercase;
	max-width: 100%;
	width: 100%;
	padding: 0px;
}

.triggerMeessage {
	font-size: 12px;
	color: var(--sec);
}

.triggerAlert {
	opacity: 1;
	height: 20px;
	font-size: 12px;
	letter-spacing: 2px;
	font-family: "futura_md_bt", sans-serif;
	text-transform: uppercase;
	padding: 10px 20px 25px;
}

.alert {
	color: var(--btn2);
}

.accordionContainer {
	margin: -15px auto;
	max-height: 50vh;
	overflow-x: hidden;
	overflow-y: scroll;
	border-radius: 0px;
	border-radius: var(--rad);
	-webkit-box-shadow: 7px 7px 20px rgb(0 0 0 / 20%);
	box-shadow: 7px 7px 20px rgb(0 0 0 / 20%);
	border: 2px solid var(--bor);
}

.accordion {
	width: 100%;
	margin: 0px auto 0px auto;
	height: 100%;
	overflow-x: hidden;
	overflow-y: scroll;
	border-radius: 0px;
}

.accordion h1, h2, h3, h4 {
	cursor: pointer;
}

.accordion h2, h3, h4 {
	font-family: "futura_lt_bt", sans-serif;
}

.accordion h1 {
	padding: 15px 20px;
	background-color: #9F9F9F;
	font-family: "futura_lt_bt", sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: var(--acc);
	text-transform: uppercase;
	border-bottom: 1px solid rgba(117, 115, 113, .4);
	text-align: left;
}

.accordion h1:first-child {}

.accordion h1:last-of-type {
	border-bottom: 0px;
	border-top: 1px solid rgba(255, 255, 255, .4);
}

.accordion h1:not(:last-of-type) {
	border-bottom: 1px solid rgba(117, 115, 113, .4);
	border-top: 1px solid rgba(255, 255, 255, .4);
}

.accordion div:not(.trunc), .accordion p {
	display: none;
}

.accordion h2:first-child {
	padding: 10px 30px;
	background-color: #ffc25a;
	font-size: .9rem;
	color: var(--acc);
	border-top: 1px solid rgba(255, 255, 255, .2);
	border-bottom: 1px solid rgba(0, 0, 0, .2);
}

.accordion h2:last-of-type {
	padding: 10px 30px;
	background-color: #09ab8b;
	font-size: .9rem;
	color: var(--acc);
	border-top: 1px solid rgba(255, 255, 255, .2);
	border-bottom: 1px solid rgba(0, 0, 0, .2);
}

.accordion h2 {
	color: var(--sec) !important;
}

.accordion h3 {
	padding: 10px 50px;
	background-color: var(--con);
	font-size: .8rem;
	color: var(--sec);
}

.accordion h3:not(:last-of-type) {
	border-bottom: 1px dotted var(--sec);
}

.accordion h4 {
	padding: 5px 60px;
	background-color: #ffc25a;
	font-size: .9rem;
	color: #af720a;
}

.accordion h4:hover {
	background-color: #e0b040;
}

.accordion p {
	padding: 15px 70px;
	background-color: #ddd;
	font-family: "futura_lt_bt", sans-serif;
	font-size: .8rem;
	color: #333;
	line-height: 1.3rem;
}

.accordion .opened {
	display: block;
}

.trunc {
	max-width: 10ch;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.triangle {
	background-image: url(../images/triangle.svg);
	width: 8px;
	height: 8px;
	float: left;
	display: inline-block !important;
	margin: 8px 0px 0px -10px;
}

.down {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.filterContainer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0px auto;
	width: 90%;
	border-bottom: 1px solid rgba(117, 115, 113, .2);
	border-right: 1px solid rgba(117, 115, 113, .2);
	border-top: 1px solid rgba(220, 220, 220, .2);
	border-left: 1px solid rgba(220, 220, 220, .2);
	overflow: hidden;
	border-radius: 10px;
}

.filterBtn {
	padding: 10px 15px;
	font-family: "futura_lt_bt", sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: var(--acc);
	text-transform: uppercase;
	border-bottom: 1px solid rgba(117, 115, 113, .4);
	border-top: 1px solid rgba(255, 255, 255, .2);
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}

.filterBtn:last-of-type {
	color: var(--sec);
}

.filterLabel {
	content: "";
	margin: 0px auto;
	font-size: 12px;
	font-family: 'futura_md_bt';
	letter-spacing: 2px;
	color: var(--sec);
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	z-index: 2;
	padding-bottom: 10px;
	text-align: center;
	width: 100%;
}

#ungrouped {
	background-color: #9f9f9f;
}

#a {
	background-color: #e18383
}

#b {
	background-color: #edb283
}

#c {
	background-color: #f3dd75
}

#d {
	background-color: #80ca80
}

#e {
	background-color: #83c2c3
}

#f {
	background-color: #b47cb4
}

#g {
	background-color: #e6e6e6
}

.cpContainer, .wpContainer {}

#page3 .main {
	padding: 0px;
}

#page3 .knobBg {
	background-image: url(../images/sliderbg3.png);
	position: relative;
	font-family: 'futura_md_bt';
	color: var(--sec);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background-size: cover;
	-webkit-transform: scale(.8);
	-ms-transform: scale(.8);
	transform: scale(.8);
	background-repeat: no-repeat;
}

#page3 .demo {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

#demoWheel {
	width: 100%;
	height: 100%;
	margin-top: 0px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

#kelvinPicker, #ISPicker {
	width: 100%;
	margin-top: 5px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.values {
	font-size: 40px;
}

.labelLarge {
	font-size: 16px;
	position: absolute;
	top: 90px;
	left: 144px;
}

#page3 .content {
	margin-top: 00px;
}

#page3 .toggle2 {
	padding: 0px 20px 20px;
	margin-top: 0px;
}

#page3 .label {
	padding: 5px;
	margin-top: 0px;
}

#page3 .subLabel {
	font-size: 8px;
	text-transform: uppercase;
	margin: 0px auto;
	color: var(--sec);
}

.tempData {
	position: absolute;
	top: 140px;
	left: 5px;
	width: 100%;
}

.labelSmall {
	margin-bottom: 10px;
}

.warmContainer {
	width: 130px;
	display: inline-block;
	margin: 0px auto;
	text-align: center;
	border-right: 1px solid;
}

.coolContainer {
	width: 130px;
	display: inline-block;
	margin: 0px auto;
	text-align: center;
}

.dimmerContainer {
	max-height: 70vh;
	overflow-x: hidden;
	overflow-y: scroll;
	border-radius: var(--rad);
	-webkit-box-shadow: var(--shdw);
	box-shadow: var(--shdw);
	border: 2px solid var(--bor);
	margin: 15px auto;
	background-color: var(--con);
	width: 90%;
}

.zoneContainer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 5px auto;
}

.zone {
	background: #7c838a;
	width: 135px;
	height: 135px;
	margin: 10px;
	border-radius: 10px;
	position: relative;
	-webkit-box-shadow: 7px 7px 10px rgb(0 0 0 / 20%);
	box-shadow: 7px 7px 10px rgb(0 0 0 / 20%);
}

.zoneTitle {
	font-family: 'futura_md_bt';
	font-size: 16px;
	color: var(--acc);
	font-weight: bold;
	text-align: left;
	padding: 10px 15px 0px 15px;
	display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */
           line-clamp: 2; 
   -webkit-box-orient: vertical;
	overflow:hidden;
}

.statusTitle {
	font-family: 'futura_lt_bt';
	font-size: 8px;
	color: var(--acc);
	font-weight: 300;
	text-align: left;
	padding: 0px 15px 0px 15px;
}

.status {
	font-family: 'futura_md_bt';
	font-size: 11px;
	color: var(--acc);
	font-weight: 500;
	text-align: left;
	padding: 0px 15px;
}

.zoneLevel {
    font-family: 'futura_md_bt';
    font-size: 25px;
    color: var(--acc);
    font-weight: 500;
    text-align: left;
    padding: 10px 15px 5px 15px;
    position: absolute;
    bottom: 44px;
    left: 0px;
}

.unchecked {
	opacity: .5;
}

.offContainer {
	background-color: var(--sec);
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr;
	grid-template-columns: 1fr;
	-ms-grid-rows: 1fr 1fr 1fr 1fr 1fr .6fr;
	grid-template-rows: 1fr 1fr 1fr 1fr 1fr .6fr;
	width: 100%;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: var(--bor);
	border-radius: var(--rad);
	grid-template-areas: "title" "toggleA" "toggleB" "toggleC" "relBtn" "canBtn";
	height: 45vh;
	width: 75vw;
	padding: 25px;
}

.offTitle {
	-ms-grid-row: 1;
	-ms-grid-column: 2;
	content: "";
	font-size: 25px;
	font-family: 'futura_lt_bt';
	letter-spacing: 5px;
	color: var(--bor);
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	z-index: 2;
	text-align: center;
	grid-area: title;
}

#page0 .header>.offTitle {
	-ms-grid-row: 2;
	-ms-grid-column: 2;
}

#page5 .header>.offTitle {
	-ms-grid-row: 1;
	-ms-grid-column: 2;
}

#dimmer .header>.offTitle {
	-ms-grid-row: 1;
	-ms-grid-column: 2;
}

#allOffPage .header>.offTitle {
	-ms-grid-row: 2;
	-ms-grid-column: 2;
}

.offContainer>.offTitle {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
}

.toggleA {
	-ms-grid-row: 2;
	-ms-grid-column: 1;
	grid-area: toggleA;
}

.toggleB {
	-ms-grid-row: 3;
	-ms-grid-column: 1;
	grid-area: toggleB;
}

.toggleC {
	-ms-grid-row: 4;
	-ms-grid-column: 1;
	grid-area: toggleC;
}

.intSwitch input {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0;
	z-index: 100;
	position: absolute;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.intSwitch {
	width: 180px;
	height: 55px;
	position: absolute;
	margin: 0px auto;
	-webkit-transform: scale(.4, .4);
	-ms-transform: scale(.4, .4);
	transform: scale(.4, .4);
	bottom: -5px;
    left: -5px;
}

.intSwitch label {
	display: block;
	width: 60%;
	height: 100%;
	position: relative;
	background: #202020;
	background: var(--btnGrad);
	border-radius: 30px 30px 30px 30px;
	-webkit-box-shadow: inset 0 3px 8px 1px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.1);
	box-shadow: inset 0 3px 8px 1px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.1);
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.intSwitch input:checked~label {
	background: var(--ter);
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.intSwitch input~label i {
	display: block;
	height: 55px;
	width: 55px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 2;
	border-radius: inherit;
	background: var(--han);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 8px rgba(0, 0, 0, 0.3), 0 12px 12px rgba(0, 0, 0, 0.4);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 8px rgba(0, 0, 0, 0.3), 0 12px 12px rgba(0, 0, 0, 0.4);
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.intSwitch label+span {
	content: "";
	position: absolute;
	right: 0px;
	top: -90px;
	width: 25px;
	height: 25px;
	border-radius: var(--rad);
	background: #283446;
	background: var(--off);
	-webkit-box-shadow: inset 0 1px 0 rgb(0 0 0 / 20%), 0 1px 0 rgb(255 255 255 / 10%), 0 0 10px rgb(185 231 253 / 0%), inset 0 0 8px rgb(0 0 0 / 90%), inset 0 -2px 5px rgb(0 0 0 / 30%), inset 0 -5px 5px rgb(0 0 0 / 50%);
	box-shadow: inset 0 1px 0 rgb(0 0 0 / 20%), 0 1px 0 rgb(255 255 255 / 10%), 0 0 10px rgb(185 231 253 / 0%), inset 0 0 8px rgb(0 0 0 / 90%), inset 0 -2px 5px rgb(0 0 0 / 30%), inset 0 -5px 5px rgb(0 0 0 / 50%);
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	z-index: 2;
	display: inline-block;
}

.intSwitch input:checked~label+span {
	content: "";
	display: inline-block;
	position: absolute;
	width: 25px;
	height: 25px;
	border-radius: var(--rad);
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	z-index: 2;
	background: #b9f3fe;
	background: var(--led);
	-webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 10px var(--btn), inset 0 0 8px var(--btn), inset 0 -2px 5px var(--btn), inset 0 -3px 8px var(--btn);
	box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 10px var(--btn), inset 0 0 8px var(--btn), inset 0 -2px 5px var(--btn), inset 0 -3px 8px var(--btn);
	top: -90px;
}

.intSwitch input:checked~label i {
	left: auto;
	left: 50%;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 8px rgba(0, 0, 0, 0.3), 0 12px 12px rgba(0, 0, 0, 0.4);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 8px rgba(0, 0, 0, 0.3), 0 12px 12px rgba(0, 0, 0, 0.4);
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.intSwitch On {
	display: inline-block;
	position: absolute;
	right: 5px;
	top: 20px;
	width: 18px;
	height: 18px;
	border-radius: 10px;
	color: var(--off);
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	z-index: 2;
	font-family: var(--medFont);
	font-size: 24px;
}

.intSwitch Off {
	display: inline-block;
	position: absolute;
	left: -80px;
	top: 20px;
	width: 18px;
	height: 18px;
	border-radius: 10px;
	color: var(--off);
	text-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 10px rgba(185, 231, 253, 0), 0 0 8px rgba(255, 255, 255, .9), 0 -2px 5px rgba(255, 255, 255, 0.3), 0 -5px 5px rgba(255, 255, 255, 0.5);
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	z-index: 2;
	font-size: 24px;
}

.offContainer .cancel {
	-ms-grid-row: 6;
	-ms-grid-column: 1;
	cursor: pointer;
	background-color: #d00000;
	font-size: 16px;
	text-transform: uppercase;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-touch-action: auto;
	touch-action: auto;
	font-family: "futura_lt_bt", sans-serif;
	color: var(--acc);
	text-align: center;
	position: relative;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	border-radius: 6px;
	grid-area: canBtn;
	width: 80%;
	margin-top: 15px;
}

.offContainer .release {
	-ms-grid-row: 5;
	-ms-grid-column: 1;
	cursor: pointer;
	background-color: var(--btn);
	font-size: 16px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-transform: uppercase;
	-ms-touch-action: auto;
	touch-action: auto;
	font-family: "futura_lt_bt", sans-serif;
	color: var(--acc);
	grid-area: relBtn;
	text-align: center;
	position: relative;
	width: 80%;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	border-radius: 6px;
}

.allTlSwitch {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: .5fr 3fr 1fr;
	grid-template-columns: .5fr 3fr 1fr;
	-ms-grid-rows: .5fr 1fr;
	grid-template-rows: .5fr 1fr;
	grid-template-areas: " . . ." ". LabelA switch";
}

.allTlSwitch .switch input {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 50px;
	height: 20px;
	display: flex;
	opacity: 0;
	z-index: 100;
	cursor: pointer;
	position: absolute;
}

.allTlSwitch .switch {
	-ms-grid-row: 2;
	-ms-grid-column: 3;
	grid-area: switch;
	width: 80px;
	height: 25px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.allTlSwitch .switch label {
	width: 60%;
	height: 100%;
	position: relative;
	background: -webkit-gradient(linear, left top, left bottom, from(#b3b6b9), to(#a7a9ac));
	background: -o-linear-gradient(#b3b6b9, #a7a9ac);
	background: linear-gradient(#b3b6b9, #a7a9ac);
	border-radius: 30px 30px 30px 30px;
	-webkit-box-shadow: inset 0 3px 20px 0px rgb(0 0 0 / 20%), inset 0 1px 0 rgb(0 0 0 / 50%), 0 1px 0 rgb(255 255 255 / 20%);
	box-shadow: inset 0 3px 20px 0px rgb(0 0 0 / 20%), inset 0 1px 0 rgb(0 0 0 / 50%), 0 1px 0 rgb(255 255 255 / 20%);
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.allTlSwitch .switch input~label i {
	display: block;
	height: 22px;
	width: 22px;
	position: absolute;
	left: 1px;
	top: 1px;
	z-index: 2;
	border-radius: inherit;
	background: var(--han);
	-webkit-box-shadow: inset 0px 2px 0 rgb(255 255 255), 0 2px 5px rgb(0 0 0 / 20%), 0 2px 5px rgb(0 0 0 / 50%);
	box-shadow: inset 0px 2px 0 rgb(255 255 255), 0 2px 5px rgb(0 0 0 / 20%), 0 2px 5px rgb(0 0 0 / 50%);
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.allTlSwitch .leftLabel {
	-ms-grid-row: 2;
	-ms-grid-column: 2;
	content: "";
	font-size: 16px;
	font-family: 'futura_md_bt';
	letter-spacing: 2px;
	color: var(--bor);
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	z-index: 2;
	grid-area: LabelA;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.allTlSwitch .rightLabel {
	-ms-grid-row: 1;
	-ms-grid-column: 5;
	content: "";
	font-size: 12px;
	font-family: 'futura_md_bt';
	letter-spacing: 2px;
	color: var(--sec);
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	z-index: 2;
	grid-area: rightLabel;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.allTlSwitch .switch input:checked~label+span {
	content: "";
	display: inline-block;
	position: absolute;
	font-size: 25px;
	font-family: 'futura_md_bt';
	color: var(--sec);
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	z-index: 2;
	opacity: 1;
}

.allTlSwitch .switch input:checked~label {
	background: -webkit-gradient(linear, left top, left bottom, from(#00cc00), to(#00cc00));
	background: -o-linear-gradient(#00cc00, #00cc00);
	background: linear-gradient(#00cc00, #00cc00);
}

.allTlSwitch .switch input:checked~label i {
	left: auto;
	left: 55%;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 8px rgba(0, 0, 0, 0.3), 0 8px 8px rgba(0, 0, 0, 0.3), inset -1px 0 1px var(--acc);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 8px rgba(0, 0, 0, 0.3), 0 8px 8px rgba(0, 0, 0, 0.3), inset -1px 0 1px var(--acc);
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.allScSwitch {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: .5fr 3fr 1fr;
	grid-template-columns: .5fr 3fr 1fr;
	-ms-grid-rows: .5fr 1fr;
	grid-template-rows: .5fr 1fr;
	grid-template-areas: ". . . " ". LabelB switch";
}

.allScSwitch .switch input {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 50px;
	height: 20px;
	display: flex;
	opacity: 0;
	z-index: 100;
	cursor: pointer;
	position: absolute;
}

.allScSwitch .switch {
	-ms-grid-row: 2;
	-ms-grid-column: 3;
	grid-area: switch;
	width: 80px;
	height: 25px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.allScSwitch .switch label {
	width: 60%;
	height: 100%;
	position: relative;
	background: -webkit-gradient(linear, left top, left bottom, from(#b3b6b9), to(#a7a9ac));
	background: -o-linear-gradient(#b3b6b9, #a7a9ac);
	background: linear-gradient(#b3b6b9, #a7a9ac);
	border-radius: 30px 30px 30px 30px;
	-webkit-box-shadow: inset 0 3px 20px 0px rgb(0 0 0 / 20%), inset 0 1px 0 rgb(0 0 0 / 50%), 0 1px 0 rgb(255 255 255 / 20%);
	box-shadow: inset 0 3px 20px 0px rgb(0 0 0 / 20%), inset 0 1px 0 rgb(0 0 0 / 50%), 0 1px 0 rgb(255 255 255 / 20%);
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.allScSwitch .switch input~label i {
	display: block;
	height: 22px;
	width: 22px;
	position: absolute;
	left: 1px;
	top: 1px;
	z-index: 2;
	border-radius: inherit;
	background: var(--han);
	-webkit-box-shadow: inset 0px 2px 0 rgb(255 255 255), 0 2px 5px rgb(0 0 0 / 20%), 0 2px 5px rgb(0 0 0 / 50%);
	box-shadow: inset 0px 2px 0 rgb(255 255 255), 0 2px 5px rgb(0 0 0 / 20%), 0 2px 5px rgb(0 0 0 / 50%);
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.allScSwitch .leftLabel {
	-ms-grid-row: 2;
	-ms-grid-column: 2;
	content: "";
	font-size: 16px;
	font-family: 'futura_md_bt';
	letter-spacing: 2px;
	color: var(--bor);
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	z-index: 2;
	grid-area: LabelB;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.allScSwitch .rightLabel {
	-ms-grid-row: 1;
	-ms-grid-column: 5;
	content: "";
	font-size: 12px;
	font-family: 'futura_md_bt';
	letter-spacing: 2px;
	color: var(--sec);
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	z-index: 2;
	grid-area: rightLabel;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.allScSwitch .switch input:checked~label+span {
	content: "";
	display: inline-block;
	position: absolute;
	font-size: 25px;
	font-family: 'futura_md_bt';
	color: var(--sec);
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	z-index: 2;
	opacity: 1;
}

.allScSwitch .switch input:checked~label {
	background: -webkit-gradient(linear, left top, left bottom, from(#00cc00), to(#00cc00));
	background: -o-linear-gradient(#00cc00, #00cc00);
	background: linear-gradient(#00cc00, #00cc00);
}

.allScSwitch .switch input:checked~label i {
	left: auto;
	left: 55%;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 8px rgba(0, 0, 0, 0.3), 0 8px 8px rgba(0, 0, 0, 0.3), inset -1px 0 1px var(--acc);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 8px rgba(0, 0, 0, 0.3), 0 8px 8px rgba(0, 0, 0, 0.3), inset -1px 0 1px var(--acc);
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.clearSwitch {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: .5fr 3fr 1fr;
	grid-template-columns: .5fr 3fr 1fr;
	-ms-grid-rows: .5fr 1fr;
	grid-template-rows: .5fr 1fr;
	grid-template-areas: ". . . " ". LabelC switch";
}

.clearSwitch .switch input {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 50px;
	height: 20px;
	display: flex;
	opacity: 0;
	z-index: 100;
	cursor: pointer;
	position: absolute;
}

.clearSwitch .switch {
	-ms-grid-row: 2;
	-ms-grid-column: 3;
	grid-area: switch;
	width: 80px;
	height: 25px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.clearSwitch .switch label {
	width: 60%;
	height: 100%;
	position: relative;
	background: -webkit-gradient(linear, left top, left bottom, from(#b3b6b9), to(#a7a9ac));
	background: -o-linear-gradient(#b3b6b9, #a7a9ac);
	background: linear-gradient(#b3b6b9, #a7a9ac);
	border-radius: 30px 30px 30px 30px;
	-webkit-box-shadow: inset 0 3px 20px 0px rgb(0 0 0 / 20%), inset 0 1px 0 rgb(0 0 0 / 50%), 0 1px 0 rgb(255 255 255 / 20%);
	box-shadow: inset 0 3px 20px 0px rgb(0 0 0 / 20%), inset 0 1px 0 rgb(0 0 0 / 50%), 0 1px 0 rgb(255 255 255 / 20%);
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.clearSwitch .switch input~label i {
	display: block;
	height: 22px;
	width: 22px;
	position: absolute;
	left: 1px;
	top: 1px;
	z-index: 2;
	border-radius: inherit;
	background: var(--han);
	-webkit-box-shadow: inset 0px 2px 0 rgb(255 255 255), 0 2px 5px rgb(0 0 0 / 20%), 0 2px 5px rgb(0 0 0 / 50%);
	box-shadow: inset 0px 2px 0 rgb(255 255 255), 0 2px 5px rgb(0 0 0 / 20%), 0 2px 5px rgb(0 0 0 / 50%);
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.clearSwitch .leftLabel {
	-ms-grid-row: 2;
	-ms-grid-column: 2;
	content: "";
	font-size: 16px;
	font-family: 'futura_md_bt';
	letter-spacing: 2px;
	color: var(--bor);
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	z-index: 2;
	grid-area: LabelC;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.clearSwitch .rightLabel {
	-ms-grid-row: 1;
	-ms-grid-column: 5;
	content: "";
	font-size: 12px;
	font-family: 'futura_md_bt';
	letter-spacing: 2px;
	color: var(--sec);
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	z-index: 2;
	grid-area: rightLabel;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.clearSwitch .switch input:checked~label+span {
	content: "";
	display: inline-block;
	position: absolute;
	font-size: 25px;
	font-family: 'futura_md_bt';
	color: var(--sec);
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	z-index: 2;
	opacity: 1;
}

.clearSwitch .switch input:checked~label {
	background: -webkit-gradient(linear, left top, left bottom, from(#00cc00), to(#00cc00));
	background: -o-linear-gradient(#00cc00, #00cc00);
	background: linear-gradient(#00cc00, #00cc00);
}

.clearSwitch .switch input:checked~label i {
	left: auto;
	left: 55%;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 8px rgba(0, 0, 0, 0.3), 0 8px 8px rgba(0, 0, 0, 0.3), inset -1px 0 1px var(--acc);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 8px rgba(0, 0, 0, 0.3), 0 8px 8px rgba(0, 0, 0, 0.3), inset -1px 0 1px var(--acc);
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

#dimmer .knobBg {
	position: relative;
	color: var(--sec);
}

#dimmer .demo {}

.dial div::after {
	content: "%";
}

#dimmer>div>div>div.i_column_wrap>div>div>div:nth-child(1)>input+div::after {
	content: "%";
}

#allOffPage .container {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr;
	grid-template-columns: 1fr;
	-ms-grid-rows: .5fr 0% 3fr 0% 1fr;
	grid-template-rows: .5fr 3fr 1fr;
	grid-template-areas: "header" "content" ".";
}

.timeContainer {
	grid-area: time;
	border-right: 1px solid var(--con);
}

.systemStatusContainer {
	-ms-grid-row: 2;
	-ms-grid-column: 1;
	grid-area: status;
	border-bottom: 1px solid var(--div);
}

.projectInfoContainer {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
	grid-area: project;
	border-top: 1px solid var(--div);
}

.groupStatusContainer {
	-ms-grid-row: 2;
	-ms-grid-column: 2;
	grid-area: group;
	border-left: 1px solid var(--div);
}

.projectInfoContainer {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
	grid-area: project;
	height: 35vh;
	overflow-y: hidden;
}

.systemInfoContainer {
	-ms-grid-row: 1;
	-ms-grid-column: 2;
	grid-area: info;
	height: 35vh;
	overflow-y: hidden;
}

.systemStatusContainer {
	-ms-grid-row: 2;
	-ms-grid-column: 1;
	grid-area: status;
	padding: 0px;
}

.groupStatusContainer {
	-ms-grid-row: 2;
	-ms-grid-column: 2;
	grid-area: group;
}

.title {
	color: var(--btn);
}

.footerBtn-active {
	background: transparent;
}

.scenesContainer, .wpContainer {}

@media only screen and (min-width:391px) and (max-width:768px) and (orientation: portrait) {
	#page3 .container {
		-ms-grid-rows: .2fr 0% 1.3fr 0% 1fr;
		grid-template-rows: .2fr 1.3fr 1fr;
		grid-template-areas: "header" "content" "toggle2";
	}
	.amount {
		font-family: "futura_md_bt", sans-serif;
		font-weight: 400;
		background: transparent;
		font-size: 20px;
		opacity: 1;
		border: 0;
		margin-top: 5px;
		font-size: 14px;
		font-family: "futura_lt_bt", sans-serif;
		margin-top: 6px;
		color: var(--sec) !important;
		width: 47px;
	}
	#page6 .container {
		grid-area: container;
		height: 100%;
		display: -ms-grid;
		display: grid;
		grid-gap: 0%;
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		-ms-grid-rows: 1fr 0% 1fr 0% 7fr 0% 1fr;
		grid-template-rows: 1fr 1fr 7fr 1fr;
		grid-template-areas: "header" "content" "content" "toggle2";
	}
	#page0 .header, #page1 .header, #page2 .header, #page3 .header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		grid-area: header;
		display: -ms-grid;
		display: grid;
		border-radius: var(--rad);
		-ms-grid-columns: 1fr 4fr 1fr;
		grid-template-columns: 1fr 4fr 1fr;
		-ms-grid-rows: 1fr .8fr;
		grid-template-rows: 1fr .8fr;
		grid-template-areas: "logout logo help" ". title .";
	}
	.logoContainer {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.splashLogo {
		width: 40vw;
	    max-height: 15vh;
    	display: flex;
    	justify-content: center;
	}
	.logo {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		max-width: 180px;
		max-height:60px;
	}
	.mainButtons {
		width: 90%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-ms-flex-line-pack: space-evenly;
		align-content: space-evenly;
		margin: 0px auto;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		height: 80vh;
	}
	.mainBtn {
		width: 160px;
		height: 160px;
		font-family: 'futura_md_bt';
		margin: 0px auto;
	}
	.mainBtn div {
		width: 100px;
		height: 100px;
		margin: 0px auto 10px;
	}
	#allOffPage .container {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		-ms-grid-rows: .5fr 0% 3fr 0% 1fr;
		grid-template-rows: .5fr 3fr 1fr;
		grid-template-areas: "header" "content" ".";
	}
	#allOffPage .header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		display: block;
		grid-area: header;
		display: -ms-grid;
		display: grid;
		border-radius: var(--rad);
		-ms-grid-columns: 1fr 4fr 1fr;
		grid-template-columns: 1fr 4fr 1fr;
		-ms-grid-rows: 1fr .8fr;
		grid-template-rows: 1fr .8fr;
		grid-template-areas: "logout logo help" ". title .";
	}
	.offContainer {
		background-color: var(--sec);
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		-ms-grid-rows: 1fr 1fr 1fr 1fr -1fr -1fr;
		grid-template-rows: 1fr 1fr 1fr 1fr -1fr -1fr;
		width: 100%;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		color: var(--bor);
		border-radius: var(--rad);
		grid-template-areas: "title" "toggleA" "toggleB" "toggleC" "relBtn" "canBtn";
		height: 40vh;
		width: 50vw;
		padding: 25px;
	}
	.footer {
		display: block;
		opacity: 0
	}
	.footerBtn {
		color: var(--pri);
		text-align: center;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: distribute;
		justify-content: space-around;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		min-height: 7vw;
		min-width: 7vw;
	}
	.icon {
		width: 7vw;
		height: 7vw;
	}
	#info .content {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 2fr 1fr;
		grid-template-columns: 2fr 1fr;
		-ms-grid-rows: 0.2fr .5fr;
		grid-template-rows: 0.2fr .5fr;
		grid-template-areas: "status info" "project group";
	}
	#info .zone {
		background: #7c838a;
		width: 100%;
		height: 50px;
		margin: 5px auto;
		border-radius: 10px;
		position: relative;
	}
	#info .zoneTitle {
		font-family: 'futura_md_bt';
		font-size: 14px;
		color: var(--acc);
		font-weight: bold;
		text-align: left;
		padding: 5px 15px 0px 15px;
	}
	#info .status {
		font-family: 'futura_md_bt';
		font-size: 11px;
		color: var(--acc);
		font-weight: 500;
		text-align: left;
		padding: 0px 15px;
		display: none;
	}
	#info .zoneLevel {
		font-family: 'futura_md_bt';
		font-size: 15px;
		color: var(--acc);
		font-weight: 500;
		text-align: left;
		padding: 0px 15px 0px 15px;
	}
	#page0 .header, #page1 .header, #page2 .header, #page3 .header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		grid-area: header;
		display: -ms-grid;
		display: grid;
		border-radius: var(--rad);
		-ms-grid-columns: 1fr 4fr 1fr;
		grid-template-columns: 1fr 4fr 1fr;
		-ms-grid-rows: 1fr .8fr;
		grid-template-rows: 1fr .8fr;
		grid-template-areas: "logout logo help" ". title .";
	}
	#demoWheel {
		width: 100%;
		height: 100%;
		margin-top: 0px;
	}
	#kelvinPicker, #ISPicker {
		width: 100%;
		margin-top: 10px;
	}
	#kelvinPicker {
		margin-top: 10px;
	}
	#page3 .toggle2 {
		margin-top: 0px;
	}
	#page3 .content {
		margin-top: 0px;
	}
	.sliderContainer {
		margin-top: 5px;
		height: 62px;
		width: 92%;
		border-radius: 10px;
		position: relative;
		border-top: 0px solid #adaeb1;
		background-color: var(--scon);
		padding-top: 1px;
	}
	.intensityContainer {
		margin-top: 5px;
		height: 60px;
		width: 92%;
		border-radius: 10px;
		position: relative;
		border-top: 0px solid #adaeb1;
		background-color: var(--scon);
		padding-top: 1px;
		width: 40%;
		margin: 5px;
	}
	.sliderContainer, .intensityContainer:first-of-type {}
	.slider_title {
		padding: 0px 30px;
		margin: 14px 0px 0px 0px;
		color: var(--sec);
		font-size: 12px;
		text-transform: uppercase;
		text-align: left;
	}
	.sliderInput {
		display: none;
		position: absolute;
		left: 5px;
		top: 15px;
		color: var(--sec);
	}
	.amount {
		font-family: "futura_md_bt", sans-serif;
		font-weight: 400;
		background: transparent;
		font-size: 20px;
		opacity: 1;
		border: 0;
		margin-top: 5px;
		font-size: 14px;
		font-family: "futura_lt_bt", sans-serif;
		margin-top: 6px;
		color: var(--sec) !important;
		width: 47px;
	}
	.amount::after {
		content: "%";
	}
	#info .container {
		grid-area: container;
		height: 100%;
		display: -ms-grid;
		display: grid;
		grid-gap: 0%;
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		-ms-grid-rows: 1fr 0% 7fr;
		grid-template-rows: 1fr 7fr;
		grid-template-areas: "header" "content";
	}
	.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		grid-area: header;
		display: -ms-grid;
		display: grid;
		border-radius: var(--rad);
		-ms-grid-columns: .5fr  1fr .5fr;
		grid-template-columns: .5fr  1fr .5fr;
		/*-ms-grid-rows: 1fr .8fr;
		grid-template-rows: 1fr .8fr .8fr;*/
		grid-template-areas: "regresar logoContainer enfoque"
        ".  title demostracion " ;
	}
	#page0 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#page2 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#page3 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#page4 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#page5 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#dimmer .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#allOffPage .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#info .content {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr 1fr;
		grid-template-columns: 1fr 1fr;
		-ms-grid-rows: 1fr .01fr 1fr;
		grid-template-rows: 1fr .01fr 1fr;
		grid-template-areas: "status group" "divider divider" "project info";
	}
	.divider {
		grid-area: divider;
		border-top: 1px solid var(--div);
	}
	.groupStatus {
		height: 35vh;
		overflow-y: scroll;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.timeStatus {
		-webkit-transform: scale(.6);
		-ms-transform: scale(.6);
		transform: scale(.6);
	}
	.astroContainer {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-transform: scale(.8);
		-ms-transform: scale(.8);
		transform: scale(.8);
	}
	.timeContainer {
		grid-area: time;
		border-right: 1px solid var(--con);
		display: none;
	}
	.systemStatusContainer {
		-ms-grid-row: 2;
		-ms-grid-column: 1;
		grid-area: status;
		border-bottom: 0px solid var(--div);
	}
	.projectInfoContainer {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		grid-area: project;
		border-top: 0px solid var(--div);
	}
	.groupStatusContainer {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
		grid-area: group;
		border-left: 1px solid var(--div);
		padding-top: 0px;
	}
	.statusContainer {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: space-evenly;
		-ms-flex-pack: space-evenly;
		justify-content: space-evenly;
		margin-top: 30px;
		width: 350px;
		margin-right:20px;
	}
	.section {
		background-color: transparent;
		border-radius: 0px;
	}
	.systemStatus {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: flex-start;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		height: 35vh;
		overflow-y: scroll;
		overflow-x: hidden;
	}
	#info .slider, #page6 .slider {
		width: 80%;
	}
	#info .intSwitch input {
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		opacity: 0;
		z-index: 100;
		position: absolute;
		width: 100%;
		height: 100%;
		cursor: pointer;
	}
	#info .intSwitch {
		width: 180px;
		height: 55px;
		position: relative;
		margin: -40px 0px 0px 147px;
		-webkit-transform: scale(.3, .3);
		-ms-transform: scale(.3, .3);
		transform: scale(.3, .3);
	}
	#info .intSwitch label {
		display: block;
		width: 60%;
		height: 58px;
		position: relative;
		background: #202020;
		background: var(--btnGrad);
		border-radius: 30px 30px 30px 30px;
		-webkit-box-shadow: inset 0 3px 8px 1px rgb(0 0 0 / 50%), inset 0 1px 0 rgb(0 0 0 / 50%), 0 1px 0 rgb(255 255 255 / 10%);
		box-shadow: inset 0 3px 8px 1px rgb(0 0 0 / 50%), inset 0 1px 0 rgb(0 0 0 / 50%), 0 1px 0 rgb(255 255 255 / 10%);
		-webkit-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
	}
	#info .intSwitch input:checked~label {
		background: var(--ter);
		-webkit-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
	}
	#info .intSwitch input~label i {
		display: block;
		height: 55px;
		width: 55px;
		position: absolute;
		left: 0px;
		top: 0px;
		z-index: 2;
		border-radius: inherit;
		background: var(--han);
		-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 8px rgba(0, 0, 0, 0.3), 0 12px 12px rgba(0, 0, 0, 0.4);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 8px rgba(0, 0, 0, 0.3), 0 12px 12px rgba(0, 0, 0, 0.4);
		-webkit-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
	}
	#info .intSwitch label+span {
		content: "";
		position: absolute;
		right: 0px;
		top: -125px;
		width: 25px;
		height: 25px;
		border-radius: var(--rad);
		background: #283446;
		background: var(--off);
		-webkit-box-shadow: inset 0 1px 0 rgb(0 0 0 / 20%), 0 1px 0 rgb(255 255 255 / 10%), 0 0 10px rgb(185 231 253 / 0%), inset 0 0 8px rgb(0 0 0 / 90%), inset 0 -2px 5px rgb(0 0 0 / 30%), inset 0 -5px 5px rgb(0 0 0 / 50%);
		box-shadow: inset 0 1px 0 rgb(0 0 0 / 20%), 0 1px 0 rgb(255 255 255 / 10%), 0 0 10px rgb(185 231 253 / 0%), inset 0 0 8px rgb(0 0 0 / 90%), inset 0 -2px 5px rgb(0 0 0 / 30%), inset 0 -5px 5px rgb(0 0 0 / 50%);
		-webkit-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
		z-index: 2;
		display: inline-block;
	}
	#info .intSwitch input:checked~label+span {
		content: "";
		display: inline-block;
		position: absolute;
		width: 25px;
		height: 25px;
		border-radius: var(--rad);
		-webkit-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
		z-index: 2;
		background: #b9f3fe;
		background: var(--led);
		-webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 10px var(--btn), inset 0 0 8px var(--btn), inset 0 -2px 5px var(--btn), inset 0 -3px 8px var(--btn);
		box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 10px var(--btn), inset 0 0 8px var(--btn), inset 0 -2px 5px var(--btn), inset 0 -3px 8px var(--btn);
		top: -125px;
	}
	#info .intSwitch input:checked~label i {
		left: auto;
		left: 50%;
		-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 8px rgba(0, 0, 0, 0.3), 0 12px 12px rgba(0, 0, 0, 0.4);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 8px rgba(0, 0, 0, 0.3), 0 12px 12px rgba(0, 0, 0, 0.4);
		-webkit-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
	}
	#info .intSwitch On {
		display: inline-block;
		position: absolute;
		right: 5px;
		top: 20px;
		width: 18px;
		height: 18px;
		border-radius: 10px;
		color: var(--off);
		-webkit-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
		z-index: 2;
		font-family: var(--medFont);
		font-size: 24px;
	}
	#info .intSwitch Off {
		display: inline-block;
		position: absolute;
		left: -80px;
		top: 20px;
		width: 18px;
		height: 18px;
		border-radius: 10px;
		color: var(--off);
		text-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 10px rgba(185, 231, 253, 0), 0 0 8px rgba(255, 255, 255, .9), 0 -2px 5px rgba(255, 255, 255, 0.3), 0 -5px 5px rgba(255, 255, 255, 0.5);
		-webkit-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
		z-index: 2;
		font-size: 24px;
	}
	.groupSwitch input {
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		opacity: 0;
		z-index: 100;
		position: absolute;
		width: 100%;
		height: 100%;
		cursor: pointer;
	}
	.groupSwitch {
		width: 140px;
		height: 55px;
		position: absolute;
		-webkit-transform: scale(.3);
		-ms-transform: scale(.3);
		transform: scale(.3);
		right: -9%;
		top: -9%;
	}
	.groupSwitch input:checked label {
		background: var(--ter);
	}
	.groupSwitch label {
		display: block;
		width: 80%;
		height: 100%;
		position: relative;
		background: var(--sec);
		border-radius: 30px 30px 30px 30px;
		-webkit-box-shadow: inset 0 3px 8px 1px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.2);
		box-shadow: inset 0 3px 8px 1px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.2);
		-webkit-transition: all .5s ease;
		-o-transition: all .5s ease;
		transition: all .5s ease;
	}
	.groupSwitch input:checked~label {
		background: var(--ter);
	}
	.groupSwitch input~label i {
		display: block;
		height: 51px;
		width: 51px;
		position: absolute;
		left: 2px;
		top: 2px;
		z-index: 2;
		border-radius: inherit;
		background: #283446;
		background: var(--han);
		-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 8px rgba(0, 0, 0, 0.3), 0 12px 12px rgba(0, 0, 0, 0.4);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 8px rgba(0, 0, 0, 0.3), 0 12px 12px rgba(0, 0, 0, 0.4);
		-webkit-transition: all .5s ease;
		-o-transition: all .5s ease;
		transition: all .5s ease;
	}
	.groupSwitch label+span {
		content: "";
		display: inline-block;
		position: absolute;
		right: 0px;
		top: 17px;
		width: 18px;
		height: 18px;
		border-radius: 10px;
		background: #283446;
		background: var(--off);
		-webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 10px rgba(185, 231, 253, 0), inset 0 0 8px rgba(0, 0, 0, 0.9), inset 0 -2px 5px rgba(0, 0, 0, 0.3), inset 0 -5px 5px rgba(0, 0, 0, 0.5);
		box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 10px rgba(185, 231, 253, 0), inset 0 0 8px rgba(0, 0, 0, 0.9), inset 0 -2px 5px rgba(0, 0, 0, 0.3), inset 0 -5px 5px rgba(0, 0, 0, 0.5);
		-webkit-transition: all .5s ease;
		-o-transition: all .5s ease;
		transition: all .5s ease;
		z-index: 2;
	}
	.groupSwitch input:checked~label+span {
		content: "";
		display: inline-block;
		position: absolute;
		width: 18px;
		height: 18px;
		border-radius: 10px;
		-webkit-transition: all .5s ease;
		-o-transition: all .5s ease;
		transition: all .5s ease;
		z-index: 2;
		background: #b9f3fe;
		background: var(--led);
		-webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 10px var(--btn), inset 0 0 8px var(--btn), inset 0 -2px 5px var(--btn), inset 0 -3px 8px var(--btn);
		box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 10px var(--btn), inset 0 0 8px var(--btn), inset 0 -2px 5px var(--btn), inset 0 -3px 8px var(--btn);
	}
	.groupSwitch input:checked~label i {
		left: auto;
		left: 55%;
		-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 8px rgba(0, 0, 0, 0.3), 0 8px 8px rgba(0, 0, 0, 0.3), inset -1px 0 1px #b9f3fe;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 8px rgba(0, 0, 0, 0.3), 0 8px 8px rgba(0, 0, 0, 0.3), inset -1px 0 1px #b9f3fe;
		-webkit-transition: all .5s ease;
		-o-transition: all .5s ease;
		transition: all .5s ease;
	}
	#page1 .main {
		border-radius: var(--rad);
		padding: 20px;
	}
	#page1 .toggle2 {
		-ms-grid-row: 7;
		-ms-grid-column: 1;
		grid-area: toggle2;
		padding: 20px;
		text-align: center;
		border-radius: var(--rad);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.scenesContainer, .scenesTitle, .timeTitle, .scRel {
		display: none;
	}
	#page3 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#page6 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#allOffPage .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#info .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#page3 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#page6 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#allOffPage .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#info .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#page3 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}
	#page6 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 3;
		-ms-grid-column: 1;
	}
	#allOffPage .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#info .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	.logoContainer {
		-ms-grid-row: 1;
		-ms-grid-column: 2;
	}
	#allOffPage .header>.logoContainer {
		-ms-grid-row: 1;
		-ms-grid-column: 2;
	}
	.logoContainer {
		-ms-grid-row: 1;
		-ms-grid-column: 2;
	}
	.logoContainer {
		-ms-grid-row: 1;
		-ms-grid-column: 2;
	}
	#page0 .header>.pageTitle, #page1 .header>.pageTitle, #page2 .header>.pageTitle, #page3 .header>.pageTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	#allOffPage .header>.pageTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	.offContainer>.pageTitle {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#page0 .header>.pageTitle, #page1 .header>.pageTitle, #page2 .header>.pageTitle, #page3 .header>.pageTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	#page0 .pageTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	#page0 .header>.pageTitle, #page1 .header>.pageTitle, #page2 .header>.pageTitle, #page3 .header>.pageTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	#allOffPage .header>.pageTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	.offContainer>.pageTitle {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#page0 .header>.pageTitle, #page1 .header>.pageTitle, #page2 .header>.pageTitle, #page3 .header>.pageTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	.pageTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	#page0 .header>.help, #page1 .header>.help, #page2 .header>.help, #page3 .header>.help {
		-ms-grid-row: 1;
		-ms-grid-column: 3;
	}
	#allOffPage .header>.help {
		-ms-grid-row: 1;
		-ms-grid-column: 3;
	}
	#page0 .header>.help, #page1 .header>.help, #page2 .header>.help, #page3 .header>.help {
		-ms-grid-row: 1;
		-ms-grid-column: 3;
	}
	.help {
		-ms-grid-row: 1;
		-ms-grid-column: 3;
	}
	#page3 .container>.toggle2 {
		-ms-grid-row: 5;
		-ms-grid-column: 1;
	}
	#page6 .container>.toggle2 {
		-ms-grid-row: 7;
		-ms-grid-column: 1;
	}
	#page3 .container>.toggle2 {
		-ms-grid-row: 5;
		-ms-grid-column: 1;
	}
	#page6 .container>.toggle2 {
		-ms-grid-row: 7;
		-ms-grid-column: 1;
	}
	#page3 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}
	#page6 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 3;
		-ms-grid-column: 1;
	}
	#allOffPage .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#info .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page3 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}
	#page6 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 3;
		-ms-grid-column: 1;
	}
	#allOffPage .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#info .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page0 .header>.offTitle, #page1 .header>.offTitle, #page2 .header>.offTitle, #page3 .header>.offTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	#allOffPage .header>.offTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	.offContainer>.offTitle {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#page0 .header>.offTitle, #page1 .header>.offTitle, #page2 .header>.offTitle, #page3 .header>.offTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	.offTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	.toggleA {
		-ms-grid-row: 2;
		-ms-grid-column: 1;
	}
	.toggleB {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}
	.toggleC {
		-ms-grid-row: 4;
		-ms-grid-column: 1;
	}
	.offContainer .cancel {
		-ms-grid-row: 6;
		-ms-grid-column: 1;
	}
	.offContainer .release {
		-ms-grid-row: 5;
		-ms-grid-column: 1;
	}
	.systemStatusContainer {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	.systemStatusContainer {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	.projectInfoContainer {
		-ms-grid-row: 2;
		-ms-grid-column: 1;
	}
	.projectInfoContainer {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}
	.groupStatusContainer {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	.groupStatusContainer {
		-ms-grid-row: 1;
		-ms-grid-column: 2;
	}
	.projectInfoContainer {
		-ms-grid-row: 2;
		-ms-grid-column: 1;
	}
	.projectInfoContainer {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}
	.systemInfoContainer {
		-ms-grid-row: 1;
		-ms-grid-column: 2;
	}
	.systemInfoContainer {
		-ms-grid-row: 3;
		-ms-grid-column: 2;
	}
	.systemStatusContainer {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	.systemStatusContainer {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	.groupStatusContainer {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	.groupStatusContainer {
		-ms-grid-row: 1;
		-ms-grid-column: 2;
	}
}

@media only screen and (min-width:769px) and (max-width:1180px) and (orientation: portrait) {
	.container {}
	#page3 .container {
		-ms-grid-rows: 1fr 0% 4.5fr 0% 4.5fr;
		grid-template-rows: 1fr 4.5fr 4.5fr;
		grid-template-areas: "header" "content" "toggle2";
	}
	.accordionContainer {
		margin: -15px auto;
		max-height: 55vh;
		overflow-x: hidden;
		overflow-y: scroll;
		border-radius: 0px;
		border-radius: var(--rad);
		-webkit-box-shadow: 7px 7px 20px rgb(0 0 0 / 20%);
		box-shadow: 7px 7px 20px rgb(0 0 0 / 20%);
		border: 2px solid var(--bor);
		max-width: 75vw;
	}
	.filterContainer {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin: 0px auto;
		width: 90%;
		border-bottom: 1px solid rgba(117, 115, 113, .2);
		border-right: 1px solid rgba(117, 115, 113, .2);
		border-top: 1px solid rgba(220, 220, 220, .2);
		border-left: 1px solid rgba(220, 220, 220, .2);
		overflow: hidden;
		border-radius: 10px;
		max-width: 75vw;
	}
	.triggerAlert {
		opacity: 1;
		height: 20px;
		font-size: 12px;
		letter-spacing: 2px;
		font-family: "futura_md_bt", sans-serif;
		text-transform: uppercase;
		padding: 20px;
	}
	#page6 .container {
		border-radius: var(--rad);
		height: 100%;
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		-ms-grid-rows: 1fr 0% .5fr 0% 8fr 0% .5fr;
		grid-template-rows: 1fr .5fr 8fr .5fr;
		grid-template-areas: "header" "content" "content" "toggle2";
		max-height: 100vh;
	}
	.splashLogo {
		width: 40vw;
	    max-height: 15vh;
	    height:10vh;
    	display: flex;
    	justify-content: center;
	}
	#page0 .header, #page1 .header, #page2 .header, #page3 .header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		grid-area: header;
		display: -ms-grid;
		display: grid;
		border-radius: var(--rad);
		-ms-grid-columns: 1fr 4fr 1fr;
		grid-template-columns: 1fr 4fr 1fr;
		-ms-grid-rows: 1fr .8fr;
		grid-template-rows: 1fr .8fr;
		grid-template-areas: "logout logo help" ". title .";
	}
	.logoContainer {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.logo {
		max-width: 300px;
		max-height:60px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	#kelvinPicker, #ISPicker {
		margin-top: 15px;
		width: 450px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.mainButtons {
		width: 90%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-ms-flex-line-pack: space-evenly;
		align-content: space-evenly;
		margin: 0px auto;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		height: 90vh;
	}
	.mainBtn {
		width: 200px;
		height: 150px;
		font-family: 'futura_md_bt';
		margin: 0px auto;
	}
	.mainBtn div {
		width: 120px;
		height: 120px;
		margin: 0px auto 10px;
	}
	.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		grid-area: header;
		display: -ms-grid;
		display: grid;
		border-radius: var(--rad);
		-ms-grid-columns: 1fr 1fr 1fr;
		grid-template-columns: 1fr 1fr 1fr;
		/*-ms-grid-rows: 1fr .8fr;
		grid-template-rows: 1fr .8fr;*/
		grid-template-areas: "regresar logoContainer enfoque"
        ". title demostracion";
	}
	#page0 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#page2 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#page3 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#page4 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#page5 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#dimmer .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#allOffPage .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	.footer {
		display: block;
		opacity: 0
	}
	.footerBtn {
		color: var(--pri);
		text-align: center;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: distribute;
		justify-content: space-around;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		width: 15%;
		min-height: 85px;
		min-width: 85px;
	}
	.icon {
		width: 60px;
		height: 60px;
	}
	#info .content {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 2fr 1fr;
		grid-template-columns: 2fr 1fr;
		-ms-grid-rows: 0.2fr .5fr;
		grid-template-rows: 0.2fr .5fr;
		grid-template-areas: "status info" "project group";
	}
	#info .zone {
		background: #7c838a;
		width: 100%;
		height: 50px;
		margin: 5px auto;
		border-radius: 10px;
		position: relative;
	}
	#info .zoneTitle {
		font-family: 'futura_md_bt';
		font-size: 14px;
		color: var(--acc);
		font-weight: bold;
		text-align: left;
		padding: 5px 15px 0px 15px;
	}
	#info .status {
		font-family: 'futura_md_bt';
		font-size: 11px;
		color: var(--acc);
		font-weight: 500;
		text-align: left;
		padding: 0px 15px;
		display: none;
	}
	#info .zoneLevel {
		font-family: 'futura_md_bt';
		font-size: 15px;
		color: var(--acc);
		font-weight: 500;
		text-align: left;
		padding: 0px 15px 0px 15px;
	}
	#page0 .header, #page1 .header, #page2 .header, #page3 .header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		grid-area: header;
		display: -ms-grid;
		display: grid;
		border-radius: var(--rad);
		-ms-grid-columns: 1fr 4fr 1fr;
		grid-template-columns: 1fr 4fr 1fr;
		-ms-grid-rows: 1fr .8fr;
		grid-template-rows: 1fr .8fr;
		grid-template-areas: "logout logo help" ". title .";
	}
	#demoWheel {
		width: 100%;
		height: 100%;
		margin-top: 0px;
		margin-bottom: -16px;
	}
	#kelvinPicker, #ISPicker {
		width: 50vw;
		margin-top: 15px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		width: 100%;
	}
	#kelvinPicker {
		margin-top: 7px;
	}
	.timelineContainer, .scenesContainer {
		margin: 0px auto;
		max-height: 50vh;
		overflow-x: hidden;
		overflow-y: scroll;
		border-radius: 0px;
		border-radius: var(--rad);
		-webkit-box-shadow: 7px 7px 20px rgb(0 0 0 / 20%);
		box-shadow: 7px 7px 20px rgb(0 0 0 / 20%);
		border: 2px solid var(--bor);
		max-width: 75vw;
		width: 75vw;
	}
	.sliderContainer {
		margin-top: 5px;
		height: 62px;
		width: 92%;
		border-radius: 10px;
		position: relative;
		border-top: 0px solid #adaeb1;
		background-color: var(--scon);
		padding-top: 1px;
		margin: 5px auto;
		max-width: 35vw;
	}
	.intensityContainer {
		margin-top: 5px;
		height: 80px;
		width: 92%;
		border-radius: 10px;
		position: relative;
		border-top: 0px solid #adaeb1;
		background-color: var(--scon);
		width: 45%;
		margin: 5px;
	}
	.sliderContainer, .intensityContainer:first-of-type {}
	.slider_title {
		padding: 0px 30px;
		margin: 14px 0px 0px 0px;
		color: var(--sec);
		font-size: 12px;
		text-transform: uppercase;
		text-align: left;
	}
	.sliderInput {
		display: none;
		position: absolute;
		left: 5px;
		top: 15px;
		color: var(--sec);
	}
	#page6 .sliderInput {
		display: block;
		color: var(--sec);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-top: -8px;
	}
	.amount {
		font-family: "futura_md_bt", sans-serif;
		font-weight: 400;
		background: transparent;
		font-size: 20px;
		opacity: 1;
		border: 0;
		margin-top: 5px;
		font-size: 14px;
		font-family: "futura_lt_bt", sans-serif;
		margin-top: 6px;
		color: var(--sec) !important;
		width: 47px;
		text-align: center;
	}
	#info .container {
		grid-area: container;
		height: 100%;
		display: -ms-grid;
		display: grid;
		grid-gap: 0%;
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		-ms-grid-rows: 1fr 0% 7fr;
		grid-template-rows: 1fr 7fr;
		grid-template-areas: "header" "content";
	}
	#info .content {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr 1fr;
		grid-template-columns: 1fr 1fr;
		-ms-grid-rows: 1fr .01fr 1fr;
		grid-template-rows: 1fr .01fr 1fr;
		grid-template-areas: "status group" "divider divider" "project info";
	}
	.divider {
		grid-area: divider;
		border-top: 1px solid var(--div);
	}
	.groupStatus {
		height: 35vh;
		overflow-y: scroll;
	}
	.timeStatus {
		-webkit-transform: scale(.6);
		-ms-transform: scale(.6);
		transform: scale(.6);
	}
	.astroContainer {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-transform: scale(.8);
		-ms-transform: scale(.8);
		transform: scale(.8);
	}
	.timeContainer {
		grid-area: time;
		border-right: 1px solid var(--div);
		display: none;
	}
	.systemStatusContainer {
		-ms-grid-row: 2;
		-ms-grid-column: 1;
		grid-area: status;
		border-bottom: 0px solid var(--div);
		padding-top: 20px;
	}
	.projectInfoContainer {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		grid-area: project;
		border-top: 0px solid var(--div);
	}
	.groupStatusContainer {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
		grid-area: group;
		border-left: 1px solid var(--div);
	}
	.statusContainer {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: space-evenly;
		-ms-flex-pack: space-evenly;
		justify-content: space-evenly;
		margin-top: 30px;
		width: 350px;
		margin-left: -60px;
		margin-right:20px;
	}
	.section {
		background-color: transparent;
		border-radius: 0px;
	}
	.systemStatus {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: row;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		height: 35vh;
		overflow-y: scroll;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	#info .slider {
		width: 80%;
	}
	#page6 .slider {
		width: 80%;
		margin-top: 50px;
		height: 10px;
	}
	#page6 .ui-slider-horizontal .ui-slider-handle {
		top: -5px;
		margin-left: -11px;
	}
	#page6 .ui-slider .ui-slider-handle {
		position: absolute;
		z-index: 2;
		width: 20px;
		height: 20px;
		cursor: pointer;
		-ms-touch-action: none;
		touch-action: none;
	}
	#page6 .amount {
		font-family: "futura_md_bt", sans-serif;
		font-weight: 400;
		background: transparent;
		font-size: 20px;
		opacity: 1;
		border: 0;
		margin-top: 5px;
		font-size: 16px;
		font-family: "futura_lt_bt", sans-serif;
		margin-top: 10px;
		color: var(--sec) !important;
		width: 47px;
	}
	#page6 .slider_title {
		padding: 0px 30px;
		margin: 18px 0px 0px 0px;
		color: var(--sec);
		font-size: 14px;
		text-transform: uppercase;
		text-align: left;
	}
	#page6 .groupSwitch {
		width: 140px;
		height: 55px;
		position: absolute;
		-webkit-transform: scale(.4);
		-ms-transform: scale(.4);
		transform: scale(.4);
		right: -5%;
		top: 0%;
	}
	#info .intSwitch input {
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		opacity: 0;
		z-index: 100;
		position: absolute;
		width: 100%;
		height: 100%;
		cursor: pointer;
	}
	#info .intSwitch {
		width: 180px;
		height: 55px;
		position: relative;
		margin: -40px 0px 0px 147px;
		-webkit-transform: scale(.3, .3);
		-ms-transform: scale(.3, .3);
		transform: scale(.3, .3);
	}
	#info .intSwitch label {
		display: block;
		width: 60%;
		height: 58px;
		position: relative;
		background: #202020;
		background: var(--btnGrad);
		border-radius: 30px 30px 30px 30px;
		-webkit-box-shadow: inset 0 3px 8px 1px rgb(0 0 0 / 50%), inset 0 1px 0 rgb(0 0 0 / 50%), 0 1px 0 rgb(255 255 255 / 10%);
		box-shadow: inset 0 3px 8px 1px rgb(0 0 0 / 50%), inset 0 1px 0 rgb(0 0 0 / 50%), 0 1px 0 rgb(255 255 255 / 10%);
		-webkit-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
	}
	#info .intSwitch input:checked~label {
		background: var(--ter);
		-webkit-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
	}
	#info .intSwitch input~label i {
		display: block;
		height: 55px;
		width: 55px;
		position: absolute;
		left: 0px;
		top: 0px;
		z-index: 2;
		border-radius: inherit;
		background: var(--han);
		-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 8px rgba(0, 0, 0, 0.3), 0 12px 12px rgba(0, 0, 0, 0.4);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 8px rgba(0, 0, 0, 0.3), 0 12px 12px rgba(0, 0, 0, 0.4);
		-webkit-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
	}
	#info .intSwitch label+span {
		content: "";
		position: absolute;
		right: 0px;
		top: -125px;
		width: 25px;
		height: 25px;
		border-radius: var(--rad);
		background: #283446;
		background: var(--off);
		-webkit-box-shadow: inset 0 1px 0 rgb(0 0 0 / 20%), 0 1px 0 rgb(255 255 255 / 10%), 0 0 10px rgb(185 231 253 / 0%), inset 0 0 8px rgb(0 0 0 / 90%), inset 0 -2px 5px rgb(0 0 0 / 30%), inset 0 -5px 5px rgb(0 0 0 / 50%);
		box-shadow: inset 0 1px 0 rgb(0 0 0 / 20%), 0 1px 0 rgb(255 255 255 / 10%), 0 0 10px rgb(185 231 253 / 0%), inset 0 0 8px rgb(0 0 0 / 90%), inset 0 -2px 5px rgb(0 0 0 / 30%), inset 0 -5px 5px rgb(0 0 0 / 50%);
		-webkit-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
		z-index: 2;
		display: inline-block;
	}
	#info .intSwitch input:checked~label+span {
		content: "";
		display: inline-block;
		position: absolute;
		width: 25px;
		height: 25px;
		border-radius: var(--rad);
		-webkit-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
		z-index: 2;
		background: #b9f3fe;
		background: var(--led);
		-webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 10px var(--btn), inset 0 0 8px var(--btn), inset 0 -2px 5px var(--btn), inset 0 -3px 8px var(--btn);
		box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 10px var(--btn), inset 0 0 8px var(--btn), inset 0 -2px 5px var(--btn), inset 0 -3px 8px var(--btn);
		top: -125px;
	}
	#info .intSwitch input:checked~label i {
		left: auto;
		left: 50%;
		-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 8px rgba(0, 0, 0, 0.3), 0 12px 12px rgba(0, 0, 0, 0.4);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 8px rgba(0, 0, 0, 0.3), 0 12px 12px rgba(0, 0, 0, 0.4);
		-webkit-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
	}
	#info .intSwitch On {
		display: inline-block;
		position: absolute;
		right: 5px;
		top: 20px;
		width: 18px;
		height: 18px;
		border-radius: 10px;
		color: var(--off);
		-webkit-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
		z-index: 2;
		font-family: var(--medFont);
		font-size: 24px;
	}
	#info .intSwitch Off {
		display: inline-block;
		position: absolute;
		left: -80px;
		top: 20px;
		width: 18px;
		height: 18px;
		border-radius: 10px;
		color: var(--off);
		text-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 10px rgba(185, 231, 253, 0), 0 0 8px rgba(255, 255, 255, .9), 0 -2px 5px rgba(255, 255, 255, 0.3), 0 -5px 5px rgba(255, 255, 255, 0.5);
		-webkit-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
		z-index: 2;
		font-size: 24px;
	}
	.offContainer {
		height: 30vh;
		width: 50vw;
	}
	.groupSwitch input {
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		opacity: 0;
		z-index: 100;
		position: absolute;
		width: 100%;
		height: 100%;
		cursor: pointer;
	}
	.groupSwitch {
		width: 140px;
		height: 55px;
		position: absolute;
		-webkit-transform: scale(.3);
		-ms-transform: scale(.3);
		transform: scale(.3);
		right: -9%;
		top: -9%;
	}
	.groupSwitch input:checked label {
		background: var(--ter);
	}
	.groupSwitch label {
		display: block;
		width: 80%;
		height: 100%;
		position: relative;
		background: var(--sec);
		border-radius: 30px 30px 30px 30px;
		-webkit-box-shadow: inset 0 3px 8px 1px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.2);
		box-shadow: inset 0 3px 8px 1px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.2);
		-webkit-transition: all .5s ease;
		-o-transition: all .5s ease;
		transition: all .5s ease;
	}
	.groupSwitch input:checked~label {
		background: var(--ter);
	}
	.groupSwitch input~label i {
		display: block;
		height: 51px;
		width: 51px;
		position: absolute;
		left: 2px;
		top: 2px;
		z-index: 2;
		border-radius: inherit;
		background: #283446;
		background: var(--han);
		-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 8px rgba(0, 0, 0, 0.3), 0 12px 12px rgba(0, 0, 0, 0.4);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 8px rgba(0, 0, 0, 0.3), 0 12px 12px rgba(0, 0, 0, 0.4);
		-webkit-transition: all .5s ease;
		-o-transition: all .5s ease;
		transition: all .5s ease;
	}
	.groupSwitch label+span {
		content: "";
		display: inline-block;
		position: absolute;
		right: 0px;
		top: 17px;
		width: 18px;
		height: 18px;
		border-radius: 10px;
		background: #283446;
		background: var(--off);
		-webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 10px rgba(185, 231, 253, 0), inset 0 0 8px rgba(0, 0, 0, 0.9), inset 0 -2px 5px rgba(0, 0, 0, 0.3), inset 0 -5px 5px rgba(0, 0, 0, 0.5);
		box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 10px rgba(185, 231, 253, 0), inset 0 0 8px rgba(0, 0, 0, 0.9), inset 0 -2px 5px rgba(0, 0, 0, 0.3), inset 0 -5px 5px rgba(0, 0, 0, 0.5);
		-webkit-transition: all .5s ease;
		-o-transition: all .5s ease;
		transition: all .5s ease;
		z-index: 2;
	}
	.groupSwitch input:checked~label+span {
		content: "";
		display: inline-block;
		position: absolute;
		width: 18px;
		height: 18px;
		border-radius: 10px;
		-webkit-transition: all .5s ease;
		-o-transition: all .5s ease;
		transition: all .5s ease;
		z-index: 2;
		background: #b9f3fe;
		background: var(--led);
		-webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 10px var(--btn), inset 0 0 8px var(--btn), inset 0 -2px 5px var(--btn), inset 0 -3px 8px var(--btn);
		box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 10px var(--btn), inset 0 0 8px var(--btn), inset 0 -2px 5px var(--btn), inset 0 -3px 8px var(--btn);
	}
	.groupSwitch input:checked~label i {
		left: auto;
		left: 55%;
		-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 8px rgba(0, 0, 0, 0.3), 0 8px 8px rgba(0, 0, 0, 0.3), inset -1px 0 1px #b9f3fe;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 8px rgba(0, 0, 0, 0.3), 0 8px 8px rgba(0, 0, 0, 0.3), inset -1px 0 1px #b9f3fe;
		-webkit-transition: all .5s ease;
		-o-transition: all .5s ease;
		transition: all .5s ease;
	}
	#page1 .main {
		border-radius: var(--rad);
		padding: 20px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	#page1 .toggle2 {
		-ms-grid-row: 7;
		-ms-grid-column: 1;
		grid-area: toggle2;
		padding: 20px;
		text-align: center;
		border-radius: var(--rad);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.scenesContainer, .scenesTitle, .timeTitle, .scRel {
		display: none;
	}
	#page3 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#page6 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#info .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#page3 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#page6 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#info .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#page3 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page6 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 3;
		-ms-grid-column: 1;
	}
	#info .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	.logoContainer {
		-ms-grid-row: 1;
		-ms-grid-column: 2;
	}
	.logoContainer {
		-ms-grid-row: 1;
		-ms-grid-column: 2;
	}
	.logoContainer {
		-ms-grid-row: 1;
		-ms-grid-column: 2;
	}
	#page0 .header>.pageTitle, #page1 .header>.pageTitle, #page2 .header>.pageTitle, #page3 .header>.pageTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	#page0 .pageTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	#page0 .header>.pageTitle, #page1 .header>.pageTitle, #page2 .header>.pageTitle, #page3 .header>.pageTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	#page0 .header>.pageTitle, #page1 .header>.pageTitle, #page2 .header>.pageTitle, #page3 .header>.pageTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	.pageTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	#page0 .header>.pageTitle, #page1 .header>.pageTitle, #page2 .header>.pageTitle, #page3 .header>.pageTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	#page0 .header>.help, #page1 .header>.help, #page2 .header>.help, #page3 .header>.help {
		-ms-grid-row: 1;
		-ms-grid-column: 3;
	}
	.help {
		-ms-grid-row: 1;
		-ms-grid-column: 3;
	}
	#page0 .header>.help, #page1 .header>.help, #page2 .header>.help, #page3 .header>.help {
		-ms-grid-row: 1;
		-ms-grid-column: 3;
	}
	#page3 .container>.toggle2 {
		-ms-grid-row: 5;
		-ms-grid-column: 1;
	}
	#page6 .container>.toggle2 {
		-ms-grid-row: 7;
		-ms-grid-column: 1;
	}
	#page3 .container>.toggle2 {
		-ms-grid-row: 5;
		-ms-grid-column: 1;
	}
	#page6 .container>.toggle2 {
		-ms-grid-row: 7;
		-ms-grid-column: 1;
	}
	#page3 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page6 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 3;
		-ms-grid-column: 1;
	}
	#info .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page3 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page6 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 3;
		-ms-grid-column: 1;
	}
	#info .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page0 .header>.offTitle, #page1 .header>.offTitle, #page2 .header>.offTitle, #page3 .header>.offTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	.offTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	#page0 .header>.offTitle, #page1 .header>.offTitle, #page2 .header>.offTitle, #page3 .header>.offTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	.systemStatusContainer {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	.systemStatusContainer {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	.projectInfoContainer {
		-ms-grid-row: 2;
		-ms-grid-column: 1;
	}
	.projectInfoContainer {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}
	.groupStatusContainer {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	.groupStatusContainer {
		-ms-grid-row: 1;
		-ms-grid-column: 2;
	}
	.projectInfoContainer {
		-ms-grid-row: 2;
		-ms-grid-column: 1;
	}
	.projectInfoContainer {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}
	.systemInfoContainer {
		-ms-grid-row: 1;
		-ms-grid-column: 2;
	}
	.systemInfoContainer {
		-ms-grid-row: 3;
		-ms-grid-column: 2;
	}
	.systemStatusContainer {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	.systemStatusContainer {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	.groupStatusContainer {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	.groupStatusContainer {
		-ms-grid-row: 1;
		-ms-grid-column: 2;
	}
	#page3 .container>.header, #page3 .container>.header, #page3 .container>.header, #page3 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#page6 .container>.header, #page6 .container>.header, #page6 .container>.header, #page6 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#info .container>.header, #info .container>.header, #info .container>.header, #info .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#page3 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#page6 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#info .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#page3 .container>.header, #page3 .container>.header, #page3 .container>.header, #page3 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#page6 .container>.header, #page6 .container>.header, #page6 .container>.header, #page6 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#info .container>.header, #info .container>.header, #info .container>.header, #info .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#page3 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#page6 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#info .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	.divider {
		-ms-grid-row: 2;
		-ms-grid-column: 1;
		-ms-grid-column-span: 2;
	}
	.systemStatusContainer {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	.systemStatusContainer {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	.projectInfoContainer {
		-ms-grid-row: 2;
		-ms-grid-column: 1;
	}
	.projectInfoContainer {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}
	.groupStatusContainer {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	.groupStatusContainer {
		-ms-grid-row: 1;
		-ms-grid-column: 2;
	}
	#page3 .container>.toggle2 {
		-ms-grid-row: 5;
		-ms-grid-column: 1;
	}
	#page6 .container>.toggle2 {
		-ms-grid-row: 7;
		-ms-grid-column: 1;
	}
}

@media only screen and (max-width:845px) and (orientation: landscape) {
	body {
		display: -ms-grid;
		display: grid;
		height: 100vh;
		/*grid-template-areas: "footer panel";*/
		-ms-grid-columns: 1fr 9fr;
		/*grid-template-columns: 1fr 9fr;*/
		-ms-grid-rows: 1fr;
		grid-template-rows: 1fr;
		padding: 0px;
	}
	.panel {
		overflow-y: hidden;
		overflow-x: hidden;
		margin-top: -100vh;
		opacity: 0;
		-webkit-transition: opacity .6s ease-in-out;
		-o-transition: opacity .6s ease-in-out;
		transition: opacity .6s ease-in-out;
	}
	#allOffPage .panel {
		width: 100vw;
	}
	.footer {
		-ms-grid-row: 2;
		-ms-grid-column: 1;
		padding: 5px;
		grid-area: footer;
		opacity: 0
	}
	.footerBtnContainer {
		border-radius: var(--rad);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-pack: distribute;
		justify-content: space-around;
		height: 100%;
	}
	.footerBtn {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-ms-flex-item-align: center;
		-ms-grid-row-align: center;
		align-self: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		width: 100%;
		min-width: 55px;
		min-height: 55px;
	}
	.container {
		border-radius: var(--rad);
		height: 100%;
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		-ms-grid-rows: 1fr 0% .5fr 0% 8fr 0% .5fr;
		grid-template-rows: 1fr .5fr 8fr .5fr;
		grid-template-areas: "header" "toggle1" "content" "toggle2";
		max-height: 100vh;
	}
	#dimmer .container {
		grid-area: container;
		height: 100%;
		display: -ms-grid;
		display: grid;
		grid-gap: 0%;
		-ms-grid-columns: 1fr 1fr 1fr;
		grid-template-columns: 1fr 1fr 1fr;
		-ms-grid-rows: .8fr 0% 1fr;
		grid-template-rows: .8fr 1fr;
		grid-template-areas: "header header header" "toggle1 content toggle2";
	}
	#dimmer .knobBg {
		position: relative;
		color: var(--sec);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
	}
	#dimmer .labelLarge {
		font-size: 16px;
		position: absolute;
		top: 90px;
		left: 100px;
	}
	.splash {
		background-color: var(--pri);
		height: 100vh;
		width: 100vw;
		margin-left: -80px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.splashLogo {
		width: 40vw;
	    max-height: 15vh;
	   	height:10vh;
    	display: flex;
    	justify-content: center;
	}
	#page0 .container {
		grid-area: container;
		display: -ms-grid;
		display: grid;
		grid-gap: 0%;
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		-ms-grid-rows: 1fr 0% 9fr;
		grid-template-rows: 1fr 9fr;
		grid-template-areas: "header" "content";
		margin-left: -10%;
	}
	#page0 .footer {
		display: none;
	}
	#page0 .mainButtons {
		width: 80%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: space-evenly;
		-ms-flex-pack: space-evenly;
		justify-content: space-evenly;
		-ms-flex-line-pack: justify;
		align-content: space-between;
		margin: 0px auto;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		height: 70%;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}
	#page0 .mainBtn {
		width: 100px;
	}
	#page0 .header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		grid-area: header;
		display: -ms-grid;
		display: grid;
		border-radius: var(--rad);
		-ms-grid-columns: 1fr 4fr 1fr;
		grid-template-columns: 1fr 4fr 1fr;
		-ms-grid-rows: 1fr .8fr;
		grid-template-rows: 1fr .8fr;
		grid-template-areas: "logout logo help" ". title .";
	}
	#page0 .footer {
		display: none !important;
	}
	.logoContainer {
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.logo {
		max-width: 375px;
		max-height:60px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	#page0 .mainBtn div {
		width: 75px;
		height: 75px;
		margin: 0px auto 10px;
	}
	#page0 .pageTitle {
		-ms-grid-row: 1;
		-ms-grid-column: 2;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		text-align: center;
		grid-area: title;
		font-family: "futura_lt_bt", sans-serif;
		font-size: 10px;
		text-transform: uppercase;
		letter-spacing: 2px;
		padding-top: 10px;
	}
	#page1 .container {
		grid-area: container;
		height: 100%;
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr 2fr;
		grid-template-columns: 1fr 1.5fr;
		-ms-grid-rows: .2fr 0% 1fr 0% 1fr;
		grid-template-rows: .2fr 1fr 1fr;
		grid-template-areas: "header header" "toggle1 content" "toggle2 content";
	}
	#page1 .timelineContainer, #page1 .scenesContainer {
		border-radius: var(--rad);
		overflow-y: scroll;
		overflow-x: hidden;
		border: 2px solid var(--bor);
		-webkit-box-shadow: var(--shdw);
		box-shadow: var(--shdw);
		max-height: 70vh;
		max-width: 45vw;
	}
	#page1 .toggle1 {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
		text-align: center;
		grid-area: toggle1;
		border-radius: var(--rad);
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	#page1 .toggle2 {
		-ms-grid-row: 7;
		-ms-grid-column: 1;
		grid-area: toggle2;
		text-align: center;
		border-radius: var(--rad);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
	}
	#page2 .container {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr 2fr;
		grid-template-columns: 1fr 2fr;
		-ms-grid-rows: .5fr 0% 1fr 0% 6fr;
		grid-template-rows: .5fr 1fr 6fr;
		grid-template-areas: "header header" "toggle1 content" "toggle2 content";
		max-height: 100vh;
	}
	#page2 .accordionContainer {
		margin: -20px auto;
		max-height: 70vh;
		overflow-x: hidden;
		overflow-y: scroll;
		border-radius: 0px;
		border-radius: var(--rad);
		-webkit-box-shadow: 7px 7px 20px rgb(0 0 0 / 20%);
		box-shadow: 7px 7px 20px rgb(0 0 0 / 20%);
		border: 2px solid var(--bor);
	}
	#page2 .toggle1 {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		-ms-grid-rows: .5fr 3fr;
		grid-template-rows: .5fr 3fr;
		grid-template-areas: "filterLabel" "filter";
	}
	#page2 .toggle2 {
		padding-top: 20px;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}
	#page2 .conSwitch {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 2fr 1fr 2fr;
		grid-template-columns: 2fr 1fr 2fr;
		-ms-grid-rows: 1fr 1fr;
		grid-template-rows: 1fr 1fr;
		grid-template-areas: "leftLabel leftLabel leftLabel" ". switch .";
	}
	#page2 .conSwitch .leftLabel {
		-ms-grid-row: 2;
		-ms-grid-column: 1;
		content: "";
		font-size: 12px;
		font-family: 'futura_md_bt';
		letter-spacing: 2px;
		color: var(--sec);
		-webkit-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
		z-index: 2;
		grid-area: leftLabel;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	#page2 .filterContainer {
		grid-area: filter;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		border-bottom: 1px solid rgba(117, 115, 113, .2);
		border-right: 1px solid rgba(117, 115, 113, .2);
		border-top: 1px solid rgba(220, 220, 220, .2);
		border-left: 1px solid rgba(220, 220, 220, .2);
		overflow: hidden;
		border-radius: var(--rad);
	}
	#page2 .filterBtn {
		padding: 10px 15px;
		font-family: "futura_lt_bt", sans-serif;
		font-size: 10px;
		font-weight: normal;
		color: var(--acc);
		text-transform: uppercase;
		border-bottom: 0px solid rgba(117, 115, 113, .2);
		border-right: 0px solid rgba(117, 115, 113, .2);
		border-top: 0px solid rgba(220, 220, 220, .2);
		border-left: 0px solid rgba(220, 220, 220, .2);
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		width: 20%;
	}
	#page2 .filterBtn:first-of-type {
		width: 100%;
	}
	#page2 .filterBtn:last-of-type {
		width: 100%;
		color: var(--sec);
	}
	#page2 .filterLabel {
		grid-area: filterLabel;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		content: "";
		font-size: 12px;
		font-family: 'futura_md_bt';
		letter-spacing: 2px;
		color: var(--sec);
		-webkit-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
		z-index: 2;
		padding: 10px 0px;
		white-space: nowrap;
		width: 30px;
		text-align: center;
	}
	#page3 .content {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	#page3 .container {
		height: 100%;
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr 1fr;
		grid-template-columns: 1fr 1fr;
		-ms-grid-rows: 1fr 0% 1fr 0% .5fr 0% 8.5fr;
		grid-template-rows: 1fr 1fr .5fr 8.5fr;
		grid-template-areas: "header header" "toggle1 toggle2" "content toggle2" "content toggle2";
	}
	#page3 .toggle2 {
		padding: 0px 20px 20px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	#page3 .selectGroups {
		border-radius: var(--rad);
		overflow-y: scroll;
		overflow-x: hidden;
		border: 2px solid var(--bor);
		-webkit-box-shadow: var(--shdw);
		box-shadow: var(--shdw);
		max-height: 65vh;
		width: 90%;
		margin-top: 15px;
	}
	#page3 .label {
		padding: 5px;
		margin-top: 10px;
	}
	#page3 .knobBg {
		background-image: url(../images/sliderbg3.png);
		width: 375px;
		height: 336px;
		position: relative;
		font-family: 'futura_md_bt';
		color: var(--sec);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		background-size: cover;
		-webkit-transform: scale(.7);
		-ms-transform: scale(.7);
		transform: scale(.7);
		margin-top: -35px;
	}
	#page3 .cpContainer {
		display: -ms-grid;
		display: grid;
		margin-top: -35px;
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		-ms-grid-rows: 5fr .5fr .5fr;
		grid-template-rows: 5fr .5fr .5fr;
	}
	#page3 .cpContainer>*:nth-child(1) {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#page3 .cpContainer>*:nth-child(2) {
		-ms-grid-row: 2;
		-ms-grid-column: 1;
	}
	#page3 .cpContainer>*:nth-child(3) {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}
	#page3 .demo {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-top: 0px;
	}
	#page5 .container {
		grid-area: container;
		height: 100%;
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		-ms-grid-rows: .2fr 0% 1fr;
		grid-template-rows: .2fr 1fr;
		grid-template-areas: "header" "content";
	}
	#page5 .header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		grid-area: header;
		display: -ms-grid;
		display: grid;
		border-radius: var(--rad);
		-ms-grid-columns: 1fr 4fr 1fr;
		grid-template-columns: 1fr 4fr 1fr;
		-ms-grid-rows: .5fr;
		grid-template-rows: .5fr;
		grid-template-areas: ". title .";
		padding: 10px;
	}
	#demoWheel {
		width: 100%;
		height: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: end;
		-ms-flex-align: end;
		align-items: flex-end;
		margin-top: -10px;
		margin-bottom: 10px;
	}
	#kelvinPicker, #ISPicker {
		width: 100%;
		margin-top: 0px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	#kelvinPicker {
		margin-top: 10px;
	}
	#allOffPage .container {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	#allOffPage .offContainer {
		background-color: var(--sec);
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		-ms-grid-rows: .5fr 1fr 1fr 1fr 1.3fr 1fr;
		grid-template-rows: .5fr 1fr 1fr 1fr 1.3fr 1fr;
		width: 100%;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		color: var(--bor);
		border-radius: var(--rad);
		grid-template-areas: "title" "toggleA" "toggleB" "toggleC" "relBtn" "canBtn";
		height: 75vh;
		width: 50vw;
		padding: 25px;
	}
	#info .intSwitch input {
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		opacity: 0;
		z-index: 100;
		position: absolute;
		width: 100%;
		height: 100%;
		cursor: pointer;
	}
	#info .intSwitch {
		width: 180px;
		height: 55px;
		position: relative;
		margin: -15px auto;
		-webkit-transform: scale(.4, .4);
		-ms-transform: scale(.4, .4);
		transform: scale(.4, .4)
	}
	#info .intSwitch label {
		display: block;
		width: 60%;
		height: 100%;
		position: relative;
		background: #202020;
		background: var(--btnGrad);
		border-radius: 30px 30px 30px 30px;
		-webkit-box-shadow: inset 0 3px 8px 1px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.1);
		box-shadow: inset 0 3px 8px 1px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.1);
		-webkit-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
	}
	#info .intSwitch input:checked~label {
		background: var(--ter);
		-webkit-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
	}
	#info .intSwitch input~label i {
		display: block;
		height: 55px;
		width: 55px;
		position: absolute;
		left: 0px;
		top: 0px;
		z-index: 2;
		border-radius: inherit;
		background: var(--han);
		-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 8px rgba(0, 0, 0, 0.3), 0 12px 12px rgba(0, 0, 0, 0.4);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 8px rgba(0, 0, 0, 0.3), 0 12px 12px rgba(0, 0, 0, 0.4);
		-webkit-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
	}
	#info .intSwitch label+span {
		content: "";
		position: absolute;
		right: 0px;
		top: -125px;
		width: 25px;
		height: 25px;
		border-radius: var(--rad);
		background: #283446;
		background: var(--off);
		-webkit-box-shadow: inset 0 1px 0 rgb(0 0 0 / 20%), 0 1px 0 rgb(255 255 255 / 10%), 0 0 10px rgb(185 231 253 / 0%), inset 0 0 8px rgb(0 0 0 / 90%), inset 0 -2px 5px rgb(0 0 0 / 30%), inset 0 -5px 5px rgb(0 0 0 / 50%);
		box-shadow: inset 0 1px 0 rgb(0 0 0 / 20%), 0 1px 0 rgb(255 255 255 / 10%), 0 0 10px rgb(185 231 253 / 0%), inset 0 0 8px rgb(0 0 0 / 90%), inset 0 -2px 5px rgb(0 0 0 / 30%), inset 0 -5px 5px rgb(0 0 0 / 50%);
		-webkit-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
		z-index: 2;
		display: inline-block;
	}
	#info .intSwitch input:checked~label+span {
		content: "";
		display: inline-block;
		position: absolute;
		width: 25px;
		height: 25px;
		border-radius: var(--rad);
		-webkit-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
		z-index: 2;
		background: #b9f3fe;
		background: var(--led);
		-webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 10px var(--btn), inset 0 0 8px var(--btn), inset 0 -2px 5px var(--btn), inset 0 -3px 8px var(--btn);
		box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 10px var(--btn), inset 0 0 8px var(--btn), inset 0 -2px 5px var(--btn), inset 0 -3px 8px var(--btn);
		top: -125px;
	}
	# info .intSwitch input:checked~label i {
		left: auto;
		left: 50%;
		-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 8px rgba(0, 0, 0, 0.3), 0 12px 12px rgba(0, 0, 0, 0.4);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 8px rgba(0, 0, 0, 0.3), 0 12px 12px rgba(0, 0, 0, 0.4);
		-webkit-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
	}
	#info .intSwitch On {
		display: inline-block;
		position: absolute;
		right: 5px;
		top: 20px;
		width: 18px;
		height: 18px;
		border-radius: 10px;
		color: var(--off);
		-webkit-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
		z-index: 2;
		font-family: var(--medFont);
		font-size: 24px;
	}
	#info .intSwitch Off {
		display: inline-block;
		position: absolute;
		left: -80px;
		top: 20px;
		width: 18px;
		height: 18px;
		border-radius: 10px;
		color: var(--off);
		text-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 10px rgba(185, 231, 253, 0), 0 0 8px rgba(255, 255, 255, .9), 0 -2px 5px rgba(255, 255, 255, 0.3), 0 -5px 5px rgba(255, 255, 255, 0.5);
		-webkit-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
		z-index: 2;
		font-size: 24px;
	}
	.panel {
		-ms-grid-row: 1;
		-ms-grid-column: 2;
	}
	.footer {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#dimmer .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 5;
	}
	#page0 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page1 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page2 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page3 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page5 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#allOffPage .header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#dimmer .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 5;
	}
	#page0 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page1 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page2 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page3 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page5 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#allOffPage .content {
		-ms-grid-row: 5;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#dimmer .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		-ms-grid-column: 3;
	}
	#page0 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page1 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 3;
		-ms-grid-column: 3;
	}
	#page2 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 3;
		-ms-grid-column: 3;
	}
	#page3 .container>.content {
		-ms-grid-row: 5;
		-ms-grid-row-span: 3;
		-ms-grid-column: 1;
	}
	#page5 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	.logoContainer {
		-ms-grid-row: 1;
		-ms-grid-column: 2;
	}
	#page0 .header>.pageTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	#page5 .header>.pageTitle {
		-ms-grid-row: 1;
		-ms-grid-column: 2;
	}
	#allOffPage .offContainer>.pageTitle {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#page0 .header>.pageTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	#page5 .header>.pageTitle {
		-ms-grid-row: 1;
		-ms-grid-column: 2;
	}
	#allOffPage .offContainer>.pageTitle {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#page0 .header>.help {
		-ms-grid-row: 1;
		-ms-grid-column: 3;
	}
	.toggle1 {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}
	#dimmer .container>.toggle1 {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}
	#page1 .container>.toggle1 {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}
	#page2 .container>.toggle1 {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}
	.toggle1 {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}
	#page1 .toggle1 {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}
	#dimmer .container>.toggle1 {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}
	#page1 .container>.toggle1 {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}
	#page2 .container>.toggle1 {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}
	#page1 .toggle1 {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}
	#page2 .toggle1 {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}
	#dimmer .container>.toggle1 {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}
	#page1 .container>.toggle1 {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}
	#page2 .container>.toggle1 {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}
	#page2 .toggle1 {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}
	.toggle2 {
		-ms-grid-row: 7;
		-ms-grid-column: 1;
	}
	#dimmer .container>.toggle2 {
		-ms-grid-row: 3;
		-ms-grid-column: 5;
	}
	#page1 .container>.toggle2 {
		-ms-grid-row: 5;
		-ms-grid-column: 1;
	}
	#page2 .container>.toggle2 {
		-ms-grid-row: 5;
		-ms-grid-column: 1;
	}
	#page3 .container>.toggle2 {
		-ms-grid-row: 3;
		-ms-grid-row-span: 5;
		-ms-grid-column: 3;
	}
	#dimmer .toggle2 {
		-ms-grid-row: 7;
		-ms-grid-column: 1;
	}
	#dimmer .container>.toggle2 {
		-ms-grid-row: 3;
		-ms-grid-column: 5;
	}
	#page1 .container>.toggle2 {
		-ms-grid-row: 5;
		-ms-grid-column: 1;
	}
	#page2 .container>.toggle2 {
		-ms-grid-row: 5;
		-ms-grid-column: 1;
	}
	#page3 .container>.toggle2 {
		-ms-grid-row: 3;
		-ms-grid-row-span: 5;
		-ms-grid-column: 3;
	}
	.content {
		-ms-grid-row: 5;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#dimmer .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		-ms-grid-column: 3;
	}
	#page0 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page1 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 3;
		-ms-grid-column: 3;
	}
	#page2 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 3;
		-ms-grid-column: 3;
	}
	#page3 .container>.content {
		-ms-grid-row: 5;
		-ms-grid-row-span: 3;
		-ms-grid-column: 1;
	}
	#page5 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page1 .content {
		-ms-grid-row: 5;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#dimmer .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		-ms-grid-column: 3;
	}
	#page0 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page1 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 3;
		-ms-grid-column: 3;
	}
	#page2 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 3;
		-ms-grid-column: 3;
	}
	#page3 .container>.content {
		-ms-grid-row: 5;
		-ms-grid-row-span: 3;
		-ms-grid-column: 1;
	}
	#page5 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page2 .conSwitch>.switch {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	#page2 .conSwitch>.leftLabel {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page2 .conSwitch>.switch {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	#page2 .conSwitch>.leftLabel {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page2 .conSwitch>.switch {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	#page2 .conSwitch>.leftLabel {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page2 .conSwitch>.switch {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	#page2 .conSwitch>.leftLabel {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page0 .header>.offTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	#page5 .header>.offTitle {
		-ms-grid-row: 1;
		-ms-grid-column: 2;
	}
	#allOffPage .offContainer>.offTitle {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#allOffPage .offContainer>.toggleA {
		-ms-grid-row: 2;
		-ms-grid-column: 1;
	}
	#allOffPage .offContainer>.toggleB {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}
	#allOffPage .offContainer>.toggleC {
		-ms-grid-row: 4;
		-ms-grid-column: 1;
	}
	#allOffPage .offContainer>.cancel {
		-ms-grid-row: 6;
		-ms-grid-column: 1;
	}
	#allOffPage .offContainer>.release {
		-ms-grid-row: 5;
		-ms-grid-column: 1;
	}
	#page2 .conSwitch>.switch {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	#page2 .conSwitch>.switch {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	#page2 .conSwitch>.switch {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	#page0 .header, #page1 .header, #page2 .header, #page3 .header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#dimmer .container>.header, #dimmer .container>.header, #dimmer .container>.header, #dimmer .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 5;
	}
	#page0 .container>.header, #page0 .container>.header, #page0 .container>.header, #page0 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page1 .container>.header, #page1 .container>.header, #page1 .container>.header, #page1 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page2 .container>.header, #page2 .container>.header, #page2 .container>.header, #page2 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page3 .container>.header, #page3 .container>.header, #page3 .container>.header, #page3 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page5 .container>.header, #page5 .container>.header, #page5 .container>.header, #page5 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#allOffPage .header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#dimmer .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 5;
	}
	#page0 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page1 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page2 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page3 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page5 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page0 .header, #page1 .header, #page2 .header, #page3 .header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#dimmer .container>.header, #dimmer .container>.header, #dimmer .container>.header, #dimmer .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 5;
	}
	#page0 .container>.header, #page0 .container>.header, #page0 .container>.header, #page0 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page1 .container>.header, #page1 .container>.header, #page1 .container>.header, #page1 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page2 .container>.header, #page2 .container>.header, #page2 .container>.header, #page2 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page3 .container>.header, #page3 .container>.header, #page3 .container>.header, #page3 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page5 .container>.header, #page5 .container>.header, #page5 .container>.header, #page5 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#dimmer .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 5;
	}
	#page0 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page1 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page2 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page3 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page5 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page1 .toggle2 {
		-ms-grid-row: 7;
		-ms-grid-column: 1;
	}
	#dimmer .container>.toggle2 {
		-ms-grid-row: 3;
		-ms-grid-column: 5;
	}
	#page1 .container>.toggle2 {
		-ms-grid-row: 5;
		-ms-grid-column: 1;
	}
	#page2 .container>.toggle2 {
		-ms-grid-row: 5;
		-ms-grid-column: 1;
	}
	#page3 .container>.toggle2 {
		-ms-grid-row: 3;
		-ms-grid-row-span: 5;
		-ms-grid-column: 3;
	}
	#page0 .header, #page1 .header, #page2 .header, #page3 .header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#dimmer .container>.header, #dimmer .container>.header, #dimmer .container>.header, #dimmer .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 5;
	}
	#page0 .container>.header, #page0 .container>.header, #page0 .container>.header, #page0 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page1 .container>.header, #page1 .container>.header, #page1 .container>.header, #page1 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page2 .container>.header, #page2 .container>.header, #page2 .container>.header, #page2 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page3 .container>.header, #page3 .container>.header, #page3 .container>.header, #page3 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page5 .container>.header, #page5 .container>.header, #page5 .container>.header, #page5 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#dimmer .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 5;
	}
	#page0 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page1 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page2 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page3 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page5 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page0 .header, #page1 .header, #page2 .header, #page3 .header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#dimmer .container>.header, #dimmer .container>.header, #dimmer .container>.header, #dimmer .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 5;
	}
	#page0 .container>.header, #page0 .container>.header, #page0 .container>.header, #page0 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page1 .container>.header, #page1 .container>.header, #page1 .container>.header, #page1 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page2 .container>.header, #page2 .container>.header, #page2 .container>.header, #page2 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page3 .container>.header, #page3 .container>.header, #page3 .container>.header, #page3 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page5 .container>.header, #page5 .container>.header, #page5 .container>.header, #page5 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page1 .toggle2 {
		-ms-grid-row: 7;
		-ms-grid-column: 1;
	}
	#dimmer .container>.toggle2 {
		-ms-grid-row: 3;
		-ms-grid-column: 5;
	}
	#page1 .container>.toggle2 {
		-ms-grid-row: 5;
		-ms-grid-column: 1;
	}
	#page2 .container>.toggle2 {
		-ms-grid-row: 5;
		-ms-grid-column: 1;
	}
	#page3 .container>.toggle2 {
		-ms-grid-row: 3;
		-ms-grid-row-span: 5;
		-ms-grid-column: 3;
	}
}

@media only screen and (min-width:846px) and (max-width:1133px) and (orientation: landscape) {
	body {
		display: -ms-grid;
		display: grid;
		height: 100vh;
		grid-template-areas: "panel";
		-ms-grid-columns: 1fr 9fr;
		grid-template-columns:  9fr;
		-ms-grid-rows: 1fr;
		grid-template-rows: 1fr;
	}
	.panel {
		overflow-y: hidden;
		overflow-x: hidden;
		margin-top: -100vh;
		opacity: 0;
		-webkit-transition: opacity .6s ease-in-out;
		-o-transition: opacity .6s ease-in-out;
		transition: opacity .6s ease-in-out;
	}
	#page0 .header, #page1 .header, #page2 .header, #page3 .header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		grid-area: header;
		display: -ms-grid;
		display: grid;
		border-radius: var(--rad);
		-ms-grid-columns: 1fr 4fr 1fr;
		grid-template-columns: 1fr 4fr 1fr;
		-ms-grid-rows: 1fr .8fr;
		grid-template-rows: 1fr .8fr;
		grid-template-areas: "logout logo help" ". title .";
	}
	.footer {
		-ms-grid-row: 2;
		-ms-grid-column: 1;
		padding: 5px;
		grid-area: footer;
		opacity: 0
	}
	.footerBtnContainer {
		border-radius: var(--rad);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-pack: distribute;
		justify-content: space-around;
		height: 100%;
	}
	.footerBtn {
		color: var(--pri);
		text-align: center;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: distribute;
		justify-content: space-around;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		width: 15%;
		min-height: 7vh;
		min-width: 7vh;
	}
	.icon {
		width: 7vh;
		height: 7vh;
	}
	#page0 .header, #page1 .header, #page2 .header, #page3 .header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		grid-area: header;
		display: -ms-grid;
		display: grid;
		border-radius: var(--rad);
		-ms-grid-columns: 1fr 4fr 1fr;
		grid-template-columns: 1fr 4fr 1fr;
		-ms-grid-rows: .5fr .2fr;
		grid-template-rows: .5fr .2fr;
		grid-template-areas: "logout logo help" ". title .";
	}
	.container {
		border-radius: var(--rad);
		height: 100%;
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		-ms-grid-rows: 1fr 0% .5fr 0% 8fr 0% .5fr;
		grid-template-rows: 1fr .5fr 8fr .5fr;
		grid-template-areas: "header" "toggle1" "content" "toggle2";
		max-height: 100vh;
	}
	#allOffPage .container {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		-ms-grid-rows: .5fr 0% 3fr 0% 1fr;
		grid-template-rows: .5fr 3fr 1fr;
		grid-template-areas: "header" "content" ".";
	}
	#allOffPage .offContainer {
		background-color: var(--sec);
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		-ms-grid-rows: 1fr 1fr 1fr 1fr -1fr -1fr;
		grid-template-rows: 1fr 1fr 1fr 1fr -1fr -1fr;
		width: 100%;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		color: var(--bor);
		border-radius: var(--rad);
		grid-template-areas: "title" "toggleA" "toggleB" "toggleC" "relBtn" "canBtn";
		height: 40vh;
		width: 50vw;
		padding: 25px;
	}
	#page2 .container {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr 2fr;
		grid-template-columns: 1fr 2fr;
		-ms-grid-rows: 0.5fr 0% .5fr 0% 1fr 0% 1fr 0% 1fr;
		grid-template-rows: 0.5fr .5fr 1fr 1fr 1fr;
		grid-template-areas: "header header" ". content" "toggle1 content" "toggle2 content" ". .";
	}
	#page0 .container {
		grid-area: container;
		display: -ms-grid;
		display: grid;
		grid-gap: 0%;
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		-ms-grid-rows: 1fr 0% 9fr;
		grid-template-rows: 1fr 9fr;
		grid-template-areas: "header" "content";
		margin-left: -10%;
	}
	#page0 .footer {
		display: none;
	}
	#page0 .mainButtons {
		width: 80%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: space-evenly;
		-ms-flex-pack: space-evenly;
		justify-content: space-evenly;
		-ms-flex-line-pack: justify;
		align-content: space-between;
		margin: 0px auto;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		height: 70%;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}
	#page0 .mainBtn {
		width: 100px;
	}
	#page0 .footer {
		display: none !important;
	}
	.logoContainer {
		display: -webkit-box;
		display: -ms-flexbox;
		/*display: none;*/
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.logo {
		max-width: 300px;
		max-height:60px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.pageTitle {
		-ms-grid-row: 1;
		-ms-grid-column: 2;
		grid-area: title;
		font-family: "futura_lt_bt", sans-serif;
		font-size: 20px;
		text-transform: uppercase;
		letter-spacing: 2px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		padding-top:10px;/*TL Add*/
	}
	#page0 .header>.pageTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	#page5 .header>.pageTitle {
		-ms-grid-row: 1;
		-ms-grid-column: 2;
	}
	#dimmer .header>.pageTitle {
		-ms-grid-row: 1;
		-ms-grid-column: 2;
	}
	#allOffPage .header>.pageTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	.offContainer>.pageTitle {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#page0 .mainBtn div {
		width: 75px;
		height: 75px;
		margin: 0px auto 10px;
	}
	#page0 .pageTitle {
		-ms-grid-row: 1;
		-ms-grid-column: 2;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		text-align: center;
		grid-area: title;
		font-family: "futura_lt_bt", sans-serif;
		font-size: 10px;
		text-transform: uppercase;
		letter-spacing: 2px;
		padding-top: 10px;
	}
	.splashLogo {
		width: 40vw;
	    max-height: 15vh;
	    height:10vh;
    	display: flex;
    	justify-content: center;
	}
	#page1 .container {
		grid-area: container;
		height: 100%;
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr 2fr;
		grid-template-columns: 1fr 1.5fr;
		-ms-grid-rows: .2fr 0% 3fr 0% 3fr 0% 1fr;
		grid-template-rows: .2fr 3fr 3fr 1fr;
		grid-template-areas: "header header" "toggle1 content" "toggle2 content" ". . ";
	}
	#page1 .timelineContainer, #page1 .scenesContainer {
		border-radius: var(--rad);
		overflow-y: scroll;
		overflow-x: hidden;
		border: 2px solid var(--bor);
		-webkit-box-shadow: var(--shdw);
		box-shadow: var(--shdw);
		max-height: 60vh;
		margin-top: -20px;
	}
	#page1 .toggle2 {
		-ms-grid-row: 7;
		-ms-grid-column: 1;
		grid-area: toggle2;
		text-align: center;
		border-radius: var(--rad);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
	}
	#page2 .container {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		-ms-grid-rows: .5fr 0% 1fr 0% 1fr 0% 1fr 0% 1fr;
		grid-template-rows: .5fr 1fr 1fr 1fr 1fr;
		grid-template-areas: "header" "content";
	}
	#page2 .accordionContainer {
		margin: 0px auto;
		max-height: 70vh;
		overflow-x: hidden;
		overflow-y: scroll;
		border-radius: 0px;
		border-radius: var(--rad);
		-webkit-box-shadow: 7px 7px 20px rgb(0 0 0 / 20%);
		box-shadow: 7px 7px 20px rgb(0 0 0 / 20%);
		border: 2px solid var(--bor);
	}
	#page2 .toggle1 {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		-ms-grid-rows: .5fr 3fr;
		grid-template-rows: .5fr 3fr;
		grid-template-areas: "filterLabel" "filter";
	}
	#page2 .toggle2 {
		padding-top: 20px;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}
	#page2 .conSwitch {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 2fr 1fr 2fr;
		grid-template-columns: 2fr 1fr 2fr;
		-ms-grid-rows: 1fr 1fr;
		grid-template-rows: 1fr 1fr;
		grid-template-areas: "leftLabel leftLabel leftLabel" ". switch .";
	}
	#page2 .conSwitch .leftLabel {
		-ms-grid-row: 2;
		-ms-grid-column: 1;
		content: "";
		font-size: 12px;
		font-family: 'futura_md_bt';
		letter-spacing: 2px;
		color: var(--sec);
		-webkit-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
		z-index: 2;
		grid-area: leftLabel;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	#page2 .filterContainer {
		grid-area: filter;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		border-bottom: 1px solid rgba(117, 115, 113, .2);
		border-right: 1px solid rgba(117, 115, 113, .2);
		border-top: 1px solid rgba(220, 220, 220, .2);
		border-left: 1px solid rgba(220, 220, 220, .2);
		overflow: hidden;
		border-radius: var(--rad);
	}
	#page2 .filterBtn {
		padding: 10px 15px;
		font-family: "futura_lt_bt", sans-serif;
		font-size: 10px;
		font-weight: normal;
		color: var(--acc);
		text-transform: uppercase;
		border-bottom: 0px solid rgba(117, 115, 113, .2);
		border-right: 0px solid rgba(117, 115, 113, .2);
		border-top: 0px solid rgba(220, 220, 220, .2);
		border-left: 0px solid rgba(220, 220, 220, .2);
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		width: 20%;
	}
	#page2 .filterBtn:first-of-type {
		width: 100%;
	}
	#page2 .filterBtn:last-of-type {
		width: 100%;
		color: var(--sec);
	}
	#page2 .filterLabel {
		grid-area: filterLabel;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		content: "";
		font-size: 12px;
		font-family: 'futura_md_bt';
		letter-spacing: 2px;
		color: var(--sec);
		-webkit-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
		z-index: 2;
		padding: 10px 0px;
		white-space: nowrap;
		width: 30px;
		text-align: center;
	}
	#page3 .content {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-top: 20px;
	}
	#page3 .container {
		height: 100%;
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr 1fr;
		grid-template-columns: 1fr 1fr;
		-ms-grid-rows: 1fr 0% 6fr;
		grid-template-rows: 1fr 6fr;
		grid-template-areas: "header header" "content toggle2";
	}
	#page3 .toggle2 {
		padding: 0px 20px 20px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-top: 0px;
	}
	#page3 .selectGroups {
		border-radius: var(--rad);
		overflow-y: scroll;
		overflow-x: hidden;
		border: 2px solid var(--bor);
		-webkit-box-shadow: var(--shdw);
		box-shadow: var(--shdw);
		max-height: 65vh;
		width: 90%;
		margin-top: 15px;
	}
	#page3 .label {
		padding: 5px;
		margin-top: 10px;
	}
	#page3 .knobBg {
		background-image: url(../images/sliderbg3.png);
		width: 375px;
		height: 336px;
		position: relative;
		font-family: 'futura_md_bt';
		color: var(--sec);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		background-size: cover;
		-webkit-transform: scale(.8);
		-ms-transform: scale(.8);
		transform: scale(.8);
		margin-top: -20px;
	}
	#page3 .cpContainer {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		-ms-grid-rows: 5fr .5fr .5fr;
		grid-template-rows: 5fr .5fr .5fr;
	}
	#page3 .cpContainer>*:nth-child(1) {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#page3 .cpContainer>*:nth-child(2) {
		-ms-grid-row: 2;
		-ms-grid-column: 1;
	}
	#page3 .cpContainer>*:nth-child(3) {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}
	#info .container {
		height: 100%;
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		-ms-grid-rows: .5fr 0% 9.5fr;
		grid-template-rows: .5fr 9.5fr;
		grid-template-areas: "header" "content";
	}
	.timelineNum {
		font-size: 24px;
		color: var(--btn);
		margin-top: 12px;
		position: absolute;
		text-align: right;
		width: 80px;
		right: 250px;
	}
	.label {
		font-size: 8px;
		color: var(--sec);
		text-transform: uppercase;
		font-size: 9px;
		text-transform: uppercase;
		-webkit-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		transform: rotate(-90deg);
		position: absolute;
		right: 220px;
		top: 0px;
		text-align: center;
	}
	.scLabel {
		font-size: 8px;
		color: var(--sec);
		text-transform: uppercase;
		font-size: 9px;
		text-transform: uppercase;
		-webkit-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		transform: rotate(-90deg);
		position: absolute;
		right: 225px;
		top: 2px;
		text-align: center;
	}
	.showContainer {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		position: absolute;
		right: 30px;
	}
	.labelLarge {
		font-size: 22px;
		position: absolute;
		top: 90px;
		left: 145px;
	}
	.content {
		-ms-grid-row: 5;
		-ms-grid-column: 1;
		grid-area: content;
		padding: 0% 2%;
		text-align: center;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	#page0 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}
	#page2 .container>.content {
		-ms-grid-row: 7;
		-ms-grid-column: 1;
	}
	#page3 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}
	#page4 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}
	#page5 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}
	#dimmer .container>.content {
		-ms-grid-row: 5;
		-ms-grid-column: 1;
	}
	#allOffPage .container>.content {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}
	.groupName {
		font-size: 8px;
		color: var(--sec);
		text-transform: uppercase;
		display: inline-block;
		font-size: 8px;
		text-align: end;
		text-transform: uppercase;
	}
	.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		grid-area: header;
		display: -ms-grid;
		display: grid;
		border-radius: var(--rad);
		-ms-grid-columns: 1fr 1fr 1fr 1fr;
		grid-template-columns: 1fr 1fr 1fr 1fr;
		/*-ms-grid-rows: 1fr;
		grid-template-rows: 1fr;*/
		grid-template-areas: "regresar logoContainer logoContainer enfoque"
        ". title title demostracion" "boton1 boton2 boton3 boton4";
	}
	#page0 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#page2 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#page3 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#page4 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#page5 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#dimmer .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#allOffPage .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#allOffPage .header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		grid-area: header;
		display: -ms-grid;
		display: grid;
		border-radius: var(--rad);
		-ms-grid-columns: 1fr 4fr 1fr;
		grid-template-columns: 1fr 4fr 1fr;
		-ms-grid-rows: 1fr .8fr;
		grid-template-rows: 1fr .8fr;
		grid-template-areas: "logout logo help" ". title .";
	}
	#info .content {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr 1fr 1fr;
		grid-template-columns: 1fr 1fr 1fr;
		-ms-grid-rows: .5fr 1fr;
		grid-template-rows: .5fr 1fr;
		grid-template-areas: "status group project" "status group info";
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		margin-top: -20px;
	}
	.systemInfoContainer {
		border-top: 1px solid var(--con);
	}
	#page2 .content {
		-ms-grid-row: 5;
		-ms-grid-column: 1;
		grid-area: content;
		padding: 0% 2%;
		text-align: center;
		display: block;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	#demoWheel {
		width: 100%;
		height: 100%;
	}
	#kelvinPicker, #ISPicker {
		width: 100%;
		margin-top: 15px;
	}
	#info .intSwitch input {
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		opacity: 0;
		z-index: 100;
		position: absolute;
		width: 100%;
		height: 100%;
		cursor: pointer;
	}
	#info .intSwitch {
		width: 180px;
		height: 55px;
		position: relative;
		margin: -15px auto;
		-webkit-transform: scale(.4, .4);
		-ms-transform: scale(.4, .4);
		transform: scale(.4, .4)
	}
	#info .intSwitch label {
		display: block;
		width: 60%;
		height: 100%;
		position: relative;
		background: #202020;
		background: var(--btnGrad);
		border-radius: 30px 30px 30px 30px;
		-webkit-box-shadow: inset 0 3px 8px 1px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.1);
		box-shadow: inset 0 3px 8px 1px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.1);
		-webkit-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
	}
	#info .intSwitch input:checked~label {
		background: var(--ter);
		-webkit-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
	}
	#info .intSwitch input~label i {
		display: block;
		height: 55px;
		width: 55px;
		position: absolute;
		left: 0px;
		top: 0px;
		z-index: 2;
		border-radius: inherit;
		background: var(--han);
		-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 8px rgba(0, 0, 0, 0.3), 0 12px 12px rgba(0, 0, 0, 0.4);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 8px rgba(0, 0, 0, 0.3), 0 12px 12px rgba(0, 0, 0, 0.4);
		-webkit-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
	}
	#info .intSwitch label+span {
		content: "";
		position: absolute;
		right: 0px;
		top: -125px;
		width: 25px;
		height: 25px;
		border-radius: var(--rad);
		background: #283446;
		background: var(--off);
		-webkit-box-shadow: inset 0 1px 0 rgb(0 0 0 / 20%), 0 1px 0 rgb(255 255 255 / 10%), 0 0 10px rgb(185 231 253 / 0%), inset 0 0 8px rgb(0 0 0 / 90%), inset 0 -2px 5px rgb(0 0 0 / 30%), inset 0 -5px 5px rgb(0 0 0 / 50%);
		box-shadow: inset 0 1px 0 rgb(0 0 0 / 20%), 0 1px 0 rgb(255 255 255 / 10%), 0 0 10px rgb(185 231 253 / 0%), inset 0 0 8px rgb(0 0 0 / 90%), inset 0 -2px 5px rgb(0 0 0 / 30%), inset 0 -5px 5px rgb(0 0 0 / 50%);
		-webkit-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
		z-index: 2;
		display: inline-block;
	}
	#info .intSwitch input:checked~label+span {
		content: "";
		display: inline-block;
		position: absolute;
		width: 25px;
		height: 25px;
		border-radius: var(--rad);
		-webkit-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
		z-index: 2;
		background: #b9f3fe;
		background: var(--led);
		-webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 10px var(--btn), inset 0 0 8px var(--btn), inset 0 -2px 5px var(--btn), inset 0 -3px 8px var(--btn);
		box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 10px var(--btn), inset 0 0 8px var(--btn), inset 0 -2px 5px var(--btn), inset 0 -3px 8px var(--btn);
		top: -125px;
	}
	#info .intSwitch input:checked~label i {
		left: auto;
		left: 50%;
		-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 8px rgba(0, 0, 0, 0.3), 0 12px 12px rgba(0, 0, 0, 0.4);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 8px rgba(0, 0, 0, 0.3), 0 12px 12px rgba(0, 0, 0, 0.4);
		-webkit-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
	}
	#info .intSwitch On {
		display: inline-block;
		position: absolute;
		right: 5px;
		top: 20px;
		width: 18px;
		height: 18px;
		border-radius: 10px;
		color: var(--off);
		-webkit-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
		z-index: 2;
		font-family: var(--medFont);
		font-size: 24px;
	}
	#info .intSwitch Off {
		display: inline-block;
		position: absolute;
		left: -80px;
		top: 20px;
		width: 18px;
		height: 18px;
		border-radius: 10px;
		color: var(--off);
		text-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 10px rgba(185, 231, 253, 0), 0 0 8px rgba(255, 255, 255, .9), 0 -2px 5px rgba(255, 255, 255, 0.3), 0 -5px 5px rgba(255, 255, 255, 0.5);
		-webkit-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
		z-index: 2;
		font-size: 24px;
	}
	.sliderContainer {
		margin-top: 5px;
		height: 62px;
		width: 92%;
		border-radius: 10px;
		position: relative;
		border-top: 0px solid #adaeb1;
		background-color: var(--scon);
		padding-top: 1px;
	}
	.intensityContainer {
		margin-top: 5px;
		height: 60px;
		width: 92%;
		border-radius: 10px;
		position: relative;
		border-top: 0px solid #adaeb1;
		background-color: var(--scon);
		padding-top: 1px;
		width: 40%;
		margin: 5px;
	}
	.slider_title {
		padding: 0px 30px;
		margin: 14px 0px 0px 0px;
		color: var(--sec);
		font-size: 12px;
		text-transform: uppercase;
		text-align: left;
	}
	.sliderInput {
		display: none;
		position: absolute;
		left: 5px;
		top: 15px;
		color: var(--sec);
	}
	.amount {
		font-family: "futura_md_bt", sans-serif;
		font-weight: 400;
		background: transparent;
		font-size: 20px;
		opacity: 1;
		border: 0;
		margin-top: 5px;
		font-size: 14px;
		font-family: "futura_lt_bt", sans-serif;
		margin-top: 6px;
		color: var(--sec) !important;
		width: 47px;
	}
	.groupSwitch {
		width: 140px;
		height: 55px;
		position: absolute;
		-webkit-transform: scale(.3);
		-ms-transform: scale(.3);
		transform: scale(.3);
		right: -9%;
		top: -9%;
	}
	.timeContainer {
		display: none;
	}
	.systemStatusContainer {
		border-bottom: 0px;
		padding-top: 20px;
	}
	.projectInfoContainer {
		border-top: 0px;
	}
	.groupStatusContainer {
		border-left: 1px solid var(--div);
		border-right: 1px solid var(--div);
	}
	.groupStatus, .systemStatus {
		height: 70vh;
		overflow-y: scroll;
		overflow-x: hidden;
	}
	#info .slider, #page6 .slider {
		width: 75%;
	}
	.groupSwitch input {
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		opacity: 0;
		z-index: 100;
		position: absolute;
		width: 100%;
		height: 100%;
		cursor: pointer;
	}
	.groupSwitch {
		width: 140px;
		height: 55px;
		position: absolute;
		-webkit-transform: scale(.3);
		-ms-transform: scale(.3);
		transform: scale(.3);
		right: -9%;
		top: -9%;
	}
	.groupSwitch input:checked label {
		background: var(--ter);
	}
	.groupSwitch label {
		display: block;
		width: 80%;
		height: 100%;
		position: relative;
		background: var(--sec);
		border-radius: 30px 30px 30px 30px;
		-webkit-box-shadow: inset 0 3px 8px 1px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.2);
		box-shadow: inset 0 3px 8px 1px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.2);
		-webkit-transition: all .5s ease;
		-o-transition: all .5s ease;
		transition: all .5s ease;
	}
	.groupSwitch input:checked~label {
		background: var(--ter);
	}
	.groupSwitch input~label i {
		display: block;
		height: 51px;
		width: 51px;
		position: absolute;
		left: 2px;
		top: 2px;
		z-index: 2;
		border-radius: inherit;
		background: #283446;
		background: var(--han);
		-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 8px rgba(0, 0, 0, 0.3), 0 12px 12px rgba(0, 0, 0, 0.4);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 8px rgba(0, 0, 0, 0.3), 0 12px 12px rgba(0, 0, 0, 0.4);
		-webkit-transition: all .5s ease;
		-o-transition: all .5s ease;
		transition: all .5s ease;
	}
	.groupSwitch label+span {
		content: "";
		display: inline-block;
		position: absolute;
		right: 0px;
		top: 17px;
		width: 18px;
		height: 18px;
		border-radius: 10px;
		background: #283446;
		background: var(--off);
		-webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 10px rgba(185, 231, 253, 0), inset 0 0 8px rgba(0, 0, 0, 0.9), inset 0 -2px 5px rgba(0, 0, 0, 0.3), inset 0 -5px 5px rgba(0, 0, 0, 0.5);
		box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 10px rgba(185, 231, 253, 0), inset 0 0 8px rgba(0, 0, 0, 0.9), inset 0 -2px 5px rgba(0, 0, 0, 0.3), inset 0 -5px 5px rgba(0, 0, 0, 0.5);
		-webkit-transition: all .5s ease;
		-o-transition: all .5s ease;
		transition: all .5s ease;
		z-index: 2;
	}
	.groupSwitch input:checked~label+span {
		content: "";
		display: inline-block;
		position: absolute;
		width: 18px;
		height: 18px;
		border-radius: 10px;
		-webkit-transition: all .5s ease;
		-o-transition: all .5s ease;
		transition: all .5s ease;
		z-index: 2;
		background: #b9f3fe;
		background: var(--led);
		-webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 10px var(--btn), inset 0 0 8px var(--btn), inset 0 -2px 5px var(--btn), inset 0 -3px 8px var(--btn);
		box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 10px var(--btn), inset 0 0 8px var(--btn), inset 0 -2px 5px var(--btn), inset 0 -3px 8px var(--btn);
	}
	.groupSwitch input:checked~label i {
		left: auto;
		left: 55%;
		-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 8px rgba(0, 0, 0, 0.3), 0 8px 8px rgba(0, 0, 0, 0.3), inset -1px 0 1px #b9f3fe;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 8px rgba(0, 0, 0, 0.3), 0 8px 8px rgba(0, 0, 0, 0.3), inset -1px 0 1px #b9f3fe;
		-webkit-transition: all .5s ease;
		-o-transition: all .5s ease;
		transition: all .5s ease;
	}
	.splash {
		background-color: var(--pri);
		height: 100vh;
		width: 100vw;
		margin-left: -64px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.panel {
		-ms-grid-row: 1;
		-ms-grid-column: 2;
	}
	.footer {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#allOffPage .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page2 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page0 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page1 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page2 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page3 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#info .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#allOffPage .header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#allOffPage .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page2 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page0 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page1 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page2 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page3 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#info .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#allOffPage .content {
		-ms-grid-row: 5;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#allOffPage .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page2 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 5;
		-ms-grid-column: 3;
	}
	#page0 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page1 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 3;
		-ms-grid-column: 3;
	}
	#page2 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 7;
		-ms-grid-column: 3;
	}
	#page3 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#info .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	.logoContainer {
		-ms-grid-row: 1;
		-ms-grid-column: 2;
	}
	.logoContainer {
		-ms-grid-row: 1;
		-ms-grid-column: 2;
	}
	#allOffPage .header>.logoContainer {
		-ms-grid-row: 1;
		-ms-grid-column: 2;
	}
	#page0 .header>.pageTitle, #page1 .header>.pageTitle, #page2 .header>.pageTitle, #page3 .header>.pageTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	#page0 .header>.pageTitle, #page1 .header>.pageTitle, #page2 .header>.pageTitle, #page3 .header>.pageTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	#allOffPage .offContainer>.pageTitle {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#page0 .pageTitle {
		-ms-grid-row: 1;
		-ms-grid-column: 2;
	}
	#allOffPage .header>.pageTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	#page0 .header>.pageTitle, #page1 .header>.pageTitle, #page2 .header>.pageTitle, #page3 .header>.pageTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	#page0 .header>.pageTitle, #page1 .header>.pageTitle, #page2 .header>.pageTitle, #page3 .header>.pageTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	#allOffPage .offContainer>.pageTitle {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	.pageTitle {
		-ms-grid-row: 1;
		-ms-grid-column: 2;
	}
	#allOffPage .header>.pageTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	#page0 .header>.help, #page1 .header>.help, #page2 .header>.help, #page3 .header>.help {
		-ms-grid-row: 1;
		-ms-grid-column: 3;
	}
	#page0 .header>.help, #page1 .header>.help, #page2 .header>.help, #page3 .header>.help {
		-ms-grid-row: 1;
		-ms-grid-column: 3;
	}
	.help {
		-ms-grid-row: 1;
		-ms-grid-column: 3;
	}
	#allOffPage .header>.help {
		-ms-grid-row: 1;
		-ms-grid-column: 3;
	}
	.toggle1 {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}
	#page2 .container>.toggle1 {
		-ms-grid-row: 5;
		-ms-grid-column: 1;
	}
	#page1 .container>.toggle1 {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}
	#page2 .container>.toggle1 {
		-ms-grid-row: 5;
		-ms-grid-column: 1;
	}
	#page1 .toggle1 {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}
	#page2 .container>.toggle1 {
		-ms-grid-row: 5;
		-ms-grid-column: 1;
	}
	#page1 .container>.toggle1 {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}
	#page2 .container>.toggle1 {
		-ms-grid-row: 5;
		-ms-grid-column: 1;
	}
	#page2 .toggle1 {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}
	#page2 .container>.toggle1 {
		-ms-grid-row: 5;
		-ms-grid-column: 1;
	}
	#page1 .container>.toggle1 {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}
	#page2 .container>.toggle1 {
		-ms-grid-row: 5;
		-ms-grid-column: 1;
	}
	.toggle2 {
		-ms-grid-row: 7;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page2 .container>.toggle2 {
		-ms-grid-row: 7;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page1 .container>.toggle2 {
		-ms-grid-row: 5;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page2 .container>.toggle2 {
		-ms-grid-row: 7;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page3 .container>.toggle2 {
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		-ms-grid-column: 3;
	}
	#dimmer .toggle2 {
		-ms-grid-row: 7;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page2 .container>.toggle2 {
		-ms-grid-row: 7;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page1 .container>.toggle2 {
		-ms-grid-row: 5;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page2 .container>.toggle2 {
		-ms-grid-row: 7;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page3 .container>.toggle2 {
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		-ms-grid-column: 3;
	}
	.content {
		-ms-grid-row: 5;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#allOffPage .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page2 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 5;
		-ms-grid-column: 3;
	}
	#page0 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page1 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 3;
		-ms-grid-column: 3;
	}
	#page2 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 7;
		-ms-grid-column: 3;
	}
	#page3 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#info .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page1 .content {
		-ms-grid-row: 5;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#allOffPage .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page2 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 5;
		-ms-grid-column: 3;
	}
	#page0 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page1 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 3;
		-ms-grid-column: 3;
	}
	#page2 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 7;
		-ms-grid-column: 3;
	}
	#page3 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#info .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page2 .conSwitch>.switch {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	#page2 .conSwitch>.leftLabel {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page2 .conSwitch>.switch {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	#page2 .conSwitch>.leftLabel {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page2 .conSwitch>.switch {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	#page2 .conSwitch>.leftLabel {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page2 .conSwitch>.switch {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	#page2 .conSwitch>.leftLabel {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page0 .header>.offTitle, #page1 .header>.offTitle, #page2 .header>.offTitle, #page3 .header>.offTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	#page0 .header>.offTitle, #page1 .header>.offTitle, #page2 .header>.offTitle, #page3 .header>.offTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	#allOffPage .offContainer>.offTitle {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	.offTitle {
		-ms-grid-row: 1;
		-ms-grid-column: 2;
	}
	#allOffPage .header>.offTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	#allOffPage .offContainer>.toggleA {
		-ms-grid-row: 2;
		-ms-grid-column: 1;
	}
	#allOffPage .offContainer>.toggleB {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}
	#allOffPage .offContainer>.toggleC {
		-ms-grid-row: 4;
		-ms-grid-column: 1;
	}
	#allOffPage .offContainer>.cancel {
		-ms-grid-row: 6;
		-ms-grid-column: 1;
	}
	#allOffPage .offContainer>.release {
		-ms-grid-row: 5;
		-ms-grid-column: 1;
	}
	#page2 .conSwitch>.switch {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	#page2 .conSwitch>.switch {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	#page2 .conSwitch>.switch {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	.systemStatusContainer {
		-ms-grid-row: 1;
		-ms-grid-row-span: 2;
		-ms-grid-column: 1;
	}
	.projectInfoContainer {
		-ms-grid-row: 1;
		-ms-grid-column: 3;
	}
	.groupStatusContainer {
		-ms-grid-row: 1;
		-ms-grid-row-span: 2;
		-ms-grid-column: 2;
	}
	.projectInfoContainer {
		-ms-grid-row: 1;
		-ms-grid-column: 3;
	}
	.systemInfoContainer {
		-ms-grid-row: 2;
		-ms-grid-column: 3;
	}
	.systemStatusContainer {
		-ms-grid-row: 1;
		-ms-grid-row-span: 2;
		-ms-grid-column: 1;
	}
	.groupStatusContainer {
		-ms-grid-row: 1;
		-ms-grid-row-span: 2;
		-ms-grid-column: 2;
	}
	#page0 .header, #page1 .header, #page2 .header, #page3 .header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#allOffPage .container>.header, #allOffPage .container>.header, #allOffPage .container>.header, #allOffPage .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page2 .container>.header, #page2 .container>.header, #page2 .container>.header, #page2 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page0 .container>.header, #page0 .container>.header, #page0 .container>.header, #page0 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page1 .container>.header, #page1 .container>.header, #page1 .container>.header, #page1 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page2 .container>.header, #page2 .container>.header, #page2 .container>.header, #page2 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page3 .container>.header, #page3 .container>.header, #page3 .container>.header, #page3 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#info .container>.header, #info .container>.header, #info .container>.header, #info .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#allOffPage .header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#allOffPage .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page2 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page0 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page1 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page2 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page3 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#info .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page0 .header, #page1 .header, #page2 .header, #page3 .header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#allOffPage .container>.header, #allOffPage .container>.header, #allOffPage .container>.header, #allOffPage .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page2 .container>.header, #page2 .container>.header, #page2 .container>.header, #page2 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page0 .container>.header, #page0 .container>.header, #page0 .container>.header, #page0 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page1 .container>.header, #page1 .container>.header, #page1 .container>.header, #page1 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page2 .container>.header, #page2 .container>.header, #page2 .container>.header, #page2 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page3 .container>.header, #page3 .container>.header, #page3 .container>.header, #page3 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#info .container>.header, #info .container>.header, #info .container>.header, #info .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#allOffPage .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page2 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page0 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page1 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page2 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page3 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#info .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	.systemStatusContainer {
		-ms-grid-row: 1;
		-ms-grid-row-span: 2;
		-ms-grid-column: 1;
	}
	.projectInfoContainer {
		-ms-grid-row: 1;
		-ms-grid-column: 3;
	}
	.groupStatusContainer {
		-ms-grid-row: 1;
		-ms-grid-row-span: 2;
		-ms-grid-column: 2;
	}
	#page1 .toggle2 {
		-ms-grid-row: 7;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page2 .container>.toggle2 {
		-ms-grid-row: 7;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page1 .container>.toggle2 {
		-ms-grid-row: 5;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page2 .container>.toggle2 {
		-ms-grid-row: 7;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page3 .container>.toggle2 {
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		-ms-grid-column: 3;
	}
	#page0 .header, #page1 .header, #page2 .header, #page3 .header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#allOffPage .container>.header, #allOffPage .container>.header, #allOffPage .container>.header, #allOffPage .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page2 .container>.header, #page2 .container>.header, #page2 .container>.header, #page2 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page0 .container>.header, #page0 .container>.header, #page0 .container>.header, #page0 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page1 .container>.header, #page1 .container>.header, #page1 .container>.header, #page1 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page2 .container>.header, #page2 .container>.header, #page2 .container>.header, #page2 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page3 .container>.header, #page3 .container>.header, #page3 .container>.header, #page3 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#info .container>.header, #info .container>.header, #info .container>.header, #info .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#allOffPage .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page2 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page0 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page1 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page2 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page3 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#info .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page0 .header, #page1 .header, #page2 .header, #page3 .header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#allOffPage .container>.header, #allOffPage .container>.header, #allOffPage .container>.header, #allOffPage .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page2 .container>.header, #page2 .container>.header, #page2 .container>.header, #page2 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page0 .container>.header, #page0 .container>.header, #page0 .container>.header, #page0 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page1 .container>.header, #page1 .container>.header, #page1 .container>.header, #page1 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page2 .container>.header, #page2 .container>.header, #page2 .container>.header, #page2 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page3 .container>.header, #page3 .container>.header, #page3 .container>.header, #page3 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#info .container>.header, #info .container>.header, #info .container>.header, #info .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	.systemStatusContainer {
		-ms-grid-row: 1;
		-ms-grid-row-span: 2;
		-ms-grid-column: 1;
	}
	.projectInfoContainer {
		-ms-grid-row: 1;
		-ms-grid-column: 3;
	}
	.groupStatusContainer {
		-ms-grid-row: 1;
		-ms-grid-row-span: 2;
		-ms-grid-column: 2;
	}
	#page1 .toggle2 {
		-ms-grid-row: 7;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page2 .container>.toggle2 {
		-ms-grid-row: 7;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page1 .container>.toggle2 {
		-ms-grid-row: 5;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page2 .container>.toggle2 {
		-ms-grid-row: 7;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page3 .container>.toggle2 {
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		-ms-grid-column: 3;
	}
	.footer {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#page0 .header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#allOffPage .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page2 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page0 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page1 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page2 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page3 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#info .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page0 .header>.pageTitle, #page1 .header>.pageTitle, #page2 .header>.pageTitle, #page3 .header>.pageTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	#page0 .header>.pageTitle, #page1 .header>.pageTitle, #page2 .header>.pageTitle, #page3 .header>.pageTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	#allOffPage .offContainer>.pageTitle {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#page0 .pageTitle {
		-ms-grid-row: 1;
		-ms-grid-column: 2;
	}
	#allOffPage .header>.pageTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	#page1 .toggle1 {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}
	#page2 .container>.toggle1 {
		-ms-grid-row: 5;
		-ms-grid-column: 1;
	}
	#page1 .container>.toggle1 {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}
	#page2 .container>.toggle1 {
		-ms-grid-row: 5;
		-ms-grid-column: 1;
	}
	#page1 .toggle2 {
		-ms-grid-row: 7;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page2 .container>.toggle2 {
		-ms-grid-row: 7;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page1 .container>.toggle2 {
		-ms-grid-row: 5;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page2 .container>.toggle2 {
		-ms-grid-row: 7;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page3 .container>.toggle2 {
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		-ms-grid-column: 3;
	}
	#page2 .conSwitch>.leftLabel {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page2 .filterContainer {
		-ms-grid-row: 2;
		-ms-grid-column: 1;
	}
	#page2 .filterLabel {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#page5 .header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#allOffPage .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page2 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page0 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page1 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page2 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page3 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#info .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
}

@media only screen and (min-width:1134px) and (max-width:1200px) and (orientation: landscape) {
	body {
		display: -ms-grid;
		display: grid;
		height: 100vh;
		grid-template-areas: "panel";
		-ms-grid-columns: 1fr 9fr;
		grid-template-columns: 9fr;
		-ms-grid-rows: 1fr;
		grid-template-rows: 1fr;
	}
	.panel {
		overflow-y: hidden;
		overflow-x: hidden;
		margin-top: -100vh;
		opacity: 0;
		-webkit-transition: opacity .6s ease-in-out;
		-o-transition: opacity .6s ease-in-out;
		transition: opacity .6s ease-in-out;
	}
	#page0 .header, #page1 .header, #page2 .header, #page3 .header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		grid-area: header;
		display: -ms-grid;
		display: grid;
		border-radius: var(--rad);
		-ms-grid-columns: 1fr 4fr 1fr;
		grid-template-columns: 1fr 4fr 1fr;
		-ms-grid-rows: 1fr .8fr;
		grid-template-rows: 1fr .8fr;
		grid-template-areas: "logout logo help" ". title .";
	}
	.footer {
		-ms-grid-row: 2;
		-ms-grid-column: 1;
		padding: 5px;
		grid-area: footer;
		opacity: 0
	}
	.footerBtnContainer {
		border-radius: var(--rad);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-pack: distribute;
		justify-content: space-around;
		height: 100%;
	}
	.footerBtn {
		color: var(--pri);
		text-align: center;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: distribute;
		justify-content: space-around;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		width: 15%;
		min-height: 85px;
		min-width: 85px;
	}
	.icon {
		width: 60px;
		height: 60px;
	}
	#page0 .header, #page1 .header, #page2 .header, #page3 .header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		grid-area: header;
		display: -ms-grid;
		display: grid;
		border-radius: var(--rad);
		-ms-grid-columns: 1fr 4fr 1fr;
		grid-template-columns: 1fr 4fr 1fr;
		-ms-grid-rows: 1fr .8fr;
		grid-template-rows: 1fr .8fr;
		grid-template-areas: "logout logo help" ". title .";
	}
	.container {
		border-radius: var(--rad);
		height: 100%;
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		-ms-grid-rows: 1fr 0% .5fr 0% 8fr 0% .5fr;
		grid-template-rows: 1fr .5fr 8fr .5fr;
		grid-template-areas: "header" "toggle1" "content" "toggle2";
		max-height: 100vh;
	}
	#page6 .container {
		border-radius: var(--rad);
		height: 100%;
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		-ms-grid-rows: 1fr 0% .5fr 0% 8fr 0% .5fr;
		grid-template-rows: 1fr .5fr 8fr .5fr;
		grid-template-areas: "header" "content" "content" "toggle2";
		max-height: 100vh;
	}
	#page2 .container {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr 2fr;
		grid-template-columns: 1fr 2fr;
		-ms-grid-rows: 0.5fr 0% .5fr 0% 1fr 0% 1fr 0% 1fr;
		grid-template-rows: 0.5fr .5fr 1fr 1fr 1fr;
		grid-template-areas: "header header" ". content" "toggle1 content" "toggle2 content" ". .";
	}
	#page0 .container {
		grid-area: container;
		display: -ms-grid;
		display: grid;
		grid-gap: 0%;
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		-ms-grid-rows: 1fr 0% 9fr;
		grid-template-rows: 1fr 9fr;
		grid-template-areas: "header" "content";
		margin-left: -10%;
	}
	#page0 .footer {
		display: none;
	}
	#page0 .mainButtons {
		width: 80%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: space-evenly;
		-ms-flex-pack: space-evenly;
		justify-content: space-evenly;
		-ms-flex-line-pack: justify;
		align-content: space-between;
		margin: 0px auto;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		height: 70%;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}
	#page0 .mainBtn {
		width: 100px;
	}
	#page0 .footer {
		display: none !important;
	}
	.logoContainer {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.logo {
		max-width: 300px;
		max-height:60px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-align: baseline;
		-ms-flex-align: baseline;
		align-items: baseline;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.pageTitle {
		-ms-grid-row: 1;
		-ms-grid-column: 2;
		grid-area: title;
		font-family: "futura_lt_bt", sans-serif;
		font-size: 20px;
		text-transform: uppercase;
		letter-spacing: 2px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: baseline;
		-ms-flex-align: baseline;
		align-items: baseline;
	}
	#page0 .header>.pageTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	#page5 .header>.pageTitle {
		-ms-grid-row: 1;
		-ms-grid-column: 2;
	}
	#dimmer .header>.pageTitle {
		-ms-grid-row: 1;
		-ms-grid-column: 2;
	}
	#allOffPage .header>.pageTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	.offContainer>.pageTitle {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#page0 .mainBtn div {
		width: 75px;
		height: 75px;
		margin: 0px auto 10px;
	}
	#page0 .pageTitle {
		-ms-grid-row: 1;
		-ms-grid-column: 2;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		text-align: center;
		grid-area: title;
		font-family: "futura_lt_bt", sans-serif;
		font-size: 10px;
		text-transform: uppercase;
		letter-spacing: 2px;
		padding-top: 10px;
	}
	@media only screen and (min-width:391px) and (max-width:768px) and (orientation: portrait) {
		#page0 .header>.pageTitle, #page1 .header>.pageTitle, #page2 .header>.pageTitle, #page3 .header>.pageTitle {
			-ms-grid-row: 2;
			-ms-grid-column: 2;
		}
		#allOffPage .header>.pageTitle {
			-ms-grid-row: 2;
			-ms-grid-column: 2;
		}
		.offContainer>.pageTitle {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#page0 .header>.pageTitle, #page1 .header>.pageTitle, #page2 .header>.pageTitle, #page3 .header>.pageTitle {
			-ms-grid-row: 2;
			-ms-grid-column: 2;
		}
		#page0 .pageTitle {
			-ms-grid-row: 2;
			-ms-grid-column: 2;
		}
		#page0 .header>.pageTitle, #page1 .header>.pageTitle, #page2 .header>.pageTitle, #page3 .header>.pageTitle {
			-ms-grid-row: 2;
			-ms-grid-column: 2;
		}
		#allOffPage .header>.pageTitle {
			-ms-grid-row: 2;
			-ms-grid-column: 2;
		}
		.offContainer>.pageTitle {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#page0 .header>.pageTitle, #page1 .header>.pageTitle, #page2 .header>.pageTitle, #page3 .header>.pageTitle {
			-ms-grid-row: 2;
			-ms-grid-column: 2;
		}
		.pageTitle {
			-ms-grid-row: 2;
			-ms-grid-column: 2;
		}
		#page0 .header>.pageTitle, #page1 .header>.pageTitle, #page2 .header>.pageTitle, #page3 .header>.pageTitle {
			-ms-grid-row: 2;
			-ms-grid-column: 2;
		}
		#allOffPage .header>.pageTitle {
			-ms-grid-row: 2;
			-ms-grid-column: 2;
		}
		.offContainer>.pageTitle {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#page0 .header>.pageTitle, #page1 .header>.pageTitle, #page2 .header>.pageTitle, #page3 .header>.pageTitle {
			-ms-grid-row: 2;
			-ms-grid-column: 2;
		}
		#page0 .pageTitle {
			-ms-grid-row: 2;
			-ms-grid-column: 2;
		}
		#page0 .header>.pageTitle, #page1 .header>.pageTitle, #page2 .header>.pageTitle, #page3 .header>.pageTitle {
			-ms-grid-row: 2;
			-ms-grid-column: 2;
		}
		#allOffPage .header>.pageTitle {
			-ms-grid-row: 2;
			-ms-grid-column: 2;
		}
		.offContainer>.pageTitle {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#page0 .header>.pageTitle, #page1 .header>.pageTitle, #page2 .header>.pageTitle, #page3 .header>.pageTitle {
			-ms-grid-row: 2;
			-ms-grid-column: 2;
		}
		.pageTitle {
			-ms-grid-row: 2;
			-ms-grid-column: 2;
		}
		#page0 .header>.pageTitle, #page1 .header>.pageTitle, #page2 .header>.pageTitle, #page3 .header>.pageTitle {
			-ms-grid-row: 2;
			-ms-grid-column: 2;
		}
		#allOffPage .header>.pageTitle {
			-ms-grid-row: 2;
			-ms-grid-column: 2;
		}
		.offContainer>.pageTitle {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#page0 .header>.pageTitle, #page1 .header>.pageTitle, #page2 .header>.pageTitle, #page3 .header>.pageTitle {
			-ms-grid-row: 2;
			-ms-grid-column: 2;
		}
		#page0 .pageTitle {
			-ms-grid-row: 2;
			-ms-grid-column: 2;
		}
	}
	@media only screen and (min-width:769px) and (max-width:1180px) and (orientation: portrait) {
		#page0 .header>.pageTitle, #page1 .header>.pageTitle, #page2 .header>.pageTitle, #page3 .header>.pageTitle {
			-ms-grid-row: 2;
			-ms-grid-column: 2;
		}
		#page0 .pageTitle {
			-ms-grid-row: 2;
			-ms-grid-column: 2;
		}
		#page0 .header>.pageTitle, #page1 .header>.pageTitle, #page2 .header>.pageTitle, #page3 .header>.pageTitle {
			-ms-grid-row: 2;
			-ms-grid-column: 2;
		}
		#page0 .header>.pageTitle, #page1 .header>.pageTitle, #page2 .header>.pageTitle, #page3 .header>.pageTitle {
			-ms-grid-row: 2;
			-ms-grid-column: 2;
		}
		.pageTitle {
			-ms-grid-row: 2;
			-ms-grid-column: 2;
		}
		#page0 .header>.pageTitle, #page1 .header>.pageTitle, #page2 .header>.pageTitle, #page3 .header>.pageTitle {
			-ms-grid-row: 2;
			-ms-grid-column: 2;
		}
		#page0 .header>.pageTitle, #page1 .header>.pageTitle, #page2 .header>.pageTitle, #page3 .header>.pageTitle {
			-ms-grid-row: 2;
			-ms-grid-column: 2;
		}
		#page0 .pageTitle {
			-ms-grid-row: 2;
			-ms-grid-column: 2;
		}
		#page0 .header>.pageTitle, #page1 .header>.pageTitle, #page2 .header>.pageTitle, #page3 .header>.pageTitle {
			-ms-grid-row: 2;
			-ms-grid-column: 2;
		}
		#page0 .header>.pageTitle, #page1 .header>.pageTitle, #page2 .header>.pageTitle, #page3 .header>.pageTitle {
			-ms-grid-row: 2;
			-ms-grid-column: 2;
		}
		.pageTitle {
			-ms-grid-row: 2;
			-ms-grid-column: 2;
		}
		#page0 .header>.pageTitle, #page1 .header>.pageTitle, #page2 .header>.pageTitle, #page3 .header>.pageTitle {
			-ms-grid-row: 2;
			-ms-grid-column: 2;
		}
		#page0 .header>.pageTitle, #page1 .header>.pageTitle, #page2 .header>.pageTitle, #page3 .header>.pageTitle {
			-ms-grid-row: 2;
			-ms-grid-column: 2;
		}
		#page0 .pageTitle {
			-ms-grid-row: 2;
			-ms-grid-column: 2;
		}
		#page0 .header>.pageTitle, #page1 .header>.pageTitle, #page2 .header>.pageTitle, #page3 .header>.pageTitle {
			-ms-grid-row: 2;
			-ms-grid-column: 2;
		}
	}
	@media only screen and (max-width:845px) and (orientation: landscape) {
		#page0 .header>.pageTitle {
			-ms-grid-row: 2;
			-ms-grid-column: 2;
		}
		#page5 .header>.pageTitle {
			-ms-grid-row: 1;
			-ms-grid-column: 2;
		}
		#allOffPage .offContainer>.pageTitle {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#page0 .header>.pageTitle {
			-ms-grid-row: 2;
			-ms-grid-column: 2;
		}
		#page5 .header>.pageTitle {
			-ms-grid-row: 1;
			-ms-grid-column: 2;
		}
		#allOffPage .offContainer>.pageTitle {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#page0 .header>.pageTitle {
			-ms-grid-row: 2;
			-ms-grid-column: 2;
		}
		#page5 .header>.pageTitle {
			-ms-grid-row: 1;
			-ms-grid-column: 2;
		}
		#allOffPage .offContainer>.pageTitle {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#page0 .header>.pageTitle {
			-ms-grid-row: 2;
			-ms-grid-column: 2;
		}
		#page5 .header>.pageTitle {
			-ms-grid-row: 1;
			-ms-grid-column: 2;
		}
		#allOffPage .offContainer>.pageTitle {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#page0 .header>.pageTitle {
			-ms-grid-row: 2;
			-ms-grid-column: 2;
		}
		#page5 .header>.pageTitle {
			-ms-grid-row: 1;
			-ms-grid-column: 2;
		}
		#allOffPage .offContainer>.pageTitle {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
	}
	@media only screen and (min-width:846px) and (max-width:1133px) and (orientation: landscape) {
		#page0 .header>.pageTitle, #page1 .header>.pageTitle, #page2 .header>.pageTitle, #page3 .header>.pageTitle {
			-ms-grid-row: 2;
			-ms-grid-column: 2;
		}
		#page0 .header>.pageTitle, #page1 .header>.pageTitle, #page2 .header>.pageTitle, #page3 .header>.pageTitle {
			-ms-grid-row: 2;
			-ms-grid-column: 2;
		}
		#allOffPage .offContainer>.pageTitle {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		.pageTitle {
			-ms-grid-row: 1;
			-ms-grid-column: 2;
		}
		#allOffPage .header>.pageTitle {
			-ms-grid-row: 2;
			-ms-grid-column: 2;
		}
		#page0 .header>.pageTitle, #page1 .header>.pageTitle, #page2 .header>.pageTitle, #page3 .header>.pageTitle {
			-ms-grid-row: 2;
			-ms-grid-column: 2;
		}
		#page0 .header>.pageTitle, #page1 .header>.pageTitle, #page2 .header>.pageTitle, #page3 .header>.pageTitle {
			-ms-grid-row: 2;
			-ms-grid-column: 2;
		}
		#allOffPage .offContainer>.pageTitle {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#page0 .pageTitle {
			-ms-grid-row: 1;
			-ms-grid-column: 2;
		}
		#allOffPage .header>.pageTitle {
			-ms-grid-row: 2;
			-ms-grid-column: 2;
		}
		#page0 .header>.pageTitle, #page1 .header>.pageTitle, #page2 .header>.pageTitle, #page3 .header>.pageTitle {
			-ms-grid-row: 2;
			-ms-grid-column: 2;
		}
		#page0 .header>.pageTitle, #page1 .header>.pageTitle, #page2 .header>.pageTitle, #page3 .header>.pageTitle {
			-ms-grid-row: 2;
			-ms-grid-column: 2;
		}
		#allOffPage .offContainer>.pageTitle {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		.pageTitle {
			-ms-grid-row: 1;
			-ms-grid-column: 2;
		}
		#allOffPage .header>.pageTitle {
			-ms-grid-row: 2;
			-ms-grid-column: 2;
		}
		#page0 .header>.pageTitle, #page1 .header>.pageTitle, #page2 .header>.pageTitle, #page3 .header>.pageTitle {
			-ms-grid-row: 2;
			-ms-grid-column: 2;
		}
		#page0 .header>.pageTitle, #page1 .header>.pageTitle, #page2 .header>.pageTitle, #page3 .header>.pageTitle {
			-ms-grid-row: 2;
			-ms-grid-column: 2;
		}
		#allOffPage .offContainer>.pageTitle {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#page0 .pageTitle {
			-ms-grid-row: 1;
			-ms-grid-column: 2;
		}
		#allOffPage .header>.pageTitle {
			-ms-grid-row: 2;
			-ms-grid-column: 2;
		}
	}
	@media only screen and (min-width:1134px) and (max-width:1200px) and (orientation: landscape) {
		#page0 .header>.pageTitle, #page1 .header>.pageTitle, #page2 .header>.pageTitle, #page3 .header>.pageTitle {
			-ms-grid-row: 2;
			-ms-grid-column: 2;
		}
		#page0 .header>.pageTitle, #page1 .header>.pageTitle, #page2 .header>.pageTitle, #page3 .header>.pageTitle {
			-ms-grid-row: 2;
			-ms-grid-column: 2;
		}
		.pageTitle {
			-ms-grid-row: 2;
			-ms-grid-column: 2;
		}
		#page0 .header>.pageTitle, #page1 .header>.pageTitle, #page2 .header>.pageTitle, #page3 .header>.pageTitle {
			-ms-grid-row: 2;
			-ms-grid-column: 2;
		}
		#page0 .header>.pageTitle, #page1 .header>.pageTitle, #page2 .header>.pageTitle, #page3 .header>.pageTitle {
			-ms-grid-row: 2;
			-ms-grid-column: 2;
		}
		#page0 .pageTitle {
			-ms-grid-row: 2;
			-ms-grid-column: 2;
		}
	}
	.splashLogo {
		width: 40vw;
	    max-height: 15vh;
	    height:10vh;
    	display: flex;
    	justify-content: center;
	}
	#page1 .container {
		grid-area: container;
		height: 100%;
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr 2fr;
		grid-template-columns: 1fr 2fr;
		-ms-grid-rows: .2fr 0% 1fr 0% 2fr;
		grid-template-rows: .2fr 1fr 2fr;
		grid-template-areas: "header header" "toggle1 content" "toggle2 content";
	}
	#page1 .timelineContainer, #page1 .scenesContainer {
		border-radius: var(--rad);
		overflow-y: scroll;
		overflow-x: hidden;
		border: 2px solid var(--bor);
		-webkit-box-shadow: var(--shdw);
		box-shadow: var(--shdw);
		max-height: 70vh;
	}
	#page1 .toggle2 {
		-ms-grid-row: 7;
		-ms-grid-column: 1;
		grid-area: toggle2;
		text-align: center;
		border-radius: var(--rad);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
	}
	#page2 .container {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr 2fr;
		grid-template-columns: 1fr 2fr;
		-ms-grid-rows: .5fr 0% 1fr 0% 1fr 0% 1fr 0% 1fr;
		grid-template-rows: .5fr 1fr 1fr 1fr 1fr;
		grid-template-areas: "header header" ". content" "toggle1 content" "toggle2 content" ". content";
	}
	#page2 .accordionContainer {
		margin: 0px auto;
		max-height: 70vh;
		overflow-x: hidden;
		overflow-y: scroll;
		border-radius: 0px;
		border-radius: var(--rad);
		-webkit-box-shadow: 7px 7px 20px rgb(0 0 0 / 20%);
		box-shadow: 7px 7px 20px rgb(0 0 0 / 20%);
		border: 2px solid var(--bor);
	}
	#page2 .toggle1 {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		-ms-grid-rows: .5fr 3fr;
		grid-template-rows: .5fr 3fr;
		grid-template-areas: "filterLabel" "filter";
	}
	#page2 .toggle2 {
		padding-top: 20px;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}
	#page2 .conSwitch {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 2fr 1fr 2fr;
		grid-template-columns: 2fr 1fr 2fr;
		-ms-grid-rows: 1fr 1fr;
		grid-template-rows: 1fr 1fr;
		grid-template-areas: "leftLabel leftLabel leftLabel" ". switch .";
	}
	#page2 .conSwitch .leftLabel {
		-ms-grid-row: 2;
		-ms-grid-column: 1;
		content: "";
		font-size: 12px;
		font-family: 'futura_md_bt';
		letter-spacing: 2px;
		color: var(--sec);
		-webkit-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
		z-index: 2;
		grid-area: leftLabel;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	#page2 .filterContainer {
		grid-area: filter;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		border-bottom: 1px solid rgba(117, 115, 113, .2);
		border-right: 1px solid rgba(117, 115, 113, .2);
		border-top: 1px solid rgba(220, 220, 220, .2);
		border-left: 1px solid rgba(220, 220, 220, .2);
		overflow: hidden;
		border-radius: var(--rad);
	}
	#page2 .filterBtn {
		padding: 10px 15px;
		font-family: "futura_lt_bt", sans-serif;
		font-size: 10px;
		font-weight: normal;
		color: var(--acc);
		text-transform: uppercase;
		border-bottom: 0px solid rgba(117, 115, 113, .2);
		border-right: 0px solid rgba(117, 115, 113, .2);
		border-top: 0px solid rgba(220, 220, 220, .2);
		border-left: 0px solid rgba(220, 220, 220, .2);
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		width: 20%;
	}
	#page2 .filterBtn:first-of-type {
		width: 100%;
	}
	#page2 .filterBtn:last-of-type {
		width: 100%;
		color: var(--sec);
	}
	#page2 .filterLabel {
		grid-area: filterLabel;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		content: "";
		font-size: 12px;
		font-family: 'futura_md_bt';
		letter-spacing: 2px;
		color: var(--sec);
		-webkit-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
		z-index: 2;
		padding: 10px 0px;
		white-space: nowrap;
		width: 30px;
		text-align: center;
	}
	#page3 .content {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-top: 0px;
	}
	#page3 .container {
		height: 100%;
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr 1fr;
		grid-template-columns: 1fr 1fr;
		-ms-grid-rows: 1fr 0% 1fr 0% .5fr 0% 8.5fr;
		grid-template-rows: 1fr 1fr .5fr 8.5fr;
		grid-template-areas: "header header" "content toggle2" "content toggle2" "content toggle2";
	}
	#page3 .toggle2 {
		padding: 0px 20px 20px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-top: 0px;
	}
	#page3 .selectGroups {
		border-radius: var(--rad);
		overflow-y: scroll;
		overflow-x: hidden;
		border: 2px solid var(--bor);
		-webkit-box-shadow: var(--shdw);
		box-shadow: var(--shdw);
		max-height: 65vh;
		width: 90%;
		margin-top: 15px;
	}
	#page3 .label {
		padding: 5px;
		margin-top: 10px;
	}
	#page3 .knobBg {
		background-image: url(../images/sliderbg3.png);
		width: 375px;
		height: 336px;
		position: relative;
		font-family: 'futura_md_bt';
		color: var(--sec);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		background-size: cover;
		-webkit-transform: scale(.8);
		-ms-transform: scale(.8);
		transform: scale(.8);
		margin-top: -20px;
	}
	#page3 .cpContainer {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		-ms-grid-rows: 5fr .5fr .5fr;
		grid-template-rows: 5fr .5fr .5fr;
		margin-top: 0px;
	}
	#page3 .cpContainer>*:nth-child(1) {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#page3 .cpContainer>*:nth-child(2) {
		-ms-grid-row: 2;
		-ms-grid-column: 1;
	}
	#page3 .cpContainer>*:nth-child(3) {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}
	#kelvinPicker, #ISPicker {
		margin-top: 15px;
	}
	#info .container {
		height: 100%;
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		-ms-grid-rows: .5fr 0% 9.5fr;
		grid-template-rows: .5fr 9.5fr;
		grid-template-areas: "header" "content";
	}
	.labelLarge {
		font-size: 22px;
		position: absolute;
		top: 90px;
		left: 145px;
	}
	.content {
		-ms-grid-row: 5;
		-ms-grid-column: 1;
		grid-area: content;
		padding: 0% 2%;
		text-align: center;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	#page0 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}
	#page2 .container>.content {
		-ms-grid-row: 7;
		-ms-grid-column: 1;
	}
	#page3 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}
	#page4 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}
	#page5 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}
	#dimmer .container>.content {
		-ms-grid-row: 5;
		-ms-grid-column: 1;
	}
	#allOffPage .container>.content {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}
	#page6 .sliderInput {
		display: block;
		color: var(--sec);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-top: -8px;
	}
	.groupName {
		font-size: 8px;
		color: var(--sec);
		text-transform: uppercase;
		display: inline-block;
		font-size: 8px;
		text-align: end;
		text-transform: uppercase;
	}
	.label {
		font-size: 8px;
		color: var(--sec);
		text-transform: uppercase;
		font-size: 9px;
		text-transform: uppercase;
		-webkit-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		transform: rotate(-90deg);
		position: absolute;
		right: 202px;
		top: 0px;
		text-align: center;
	}
	.scLabel {
		font-size: 8px;
		color: var(--sec);
		text-transform: uppercase;
		font-size: 9px;
		text-transform: uppercase;
		-webkit-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		transform: rotate(-90deg);
		position: absolute;
		right: 207px;
		top: 2px;
		text-align: center;
	}
	.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		grid-area: header;
		display: -ms-grid;
		display: grid;
		border-radius: var(--rad);
		-ms-grid-columns: 1fr 1fr 1fr 1fr;
		grid-template-columns: 1fr 1fr 1fr 1fr;
		/*-ms-grid-rows: 1fr .8fr 8fr ;
		grid-template-rows: 1fr .8fr .8fr; */
		grid-template-areas: "regresar logoContainer logoContainer enfoque"
        ". title title demostracion" "boton1 boton2 boton3 boton4";
	}
	#page0 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#page2 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#page3 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#page4 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#page5 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#dimmer .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#allOffPage .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#info .content {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr 1fr 1fr;
		grid-template-columns: 1fr 1fr 1fr;
		-ms-grid-rows: 1fr 1fr;
		grid-template-rows: 1fr 1fr;
		grid-template-areas: "status group project" "status group info";
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		margin-top: -20px;
	}
	.systemInfoContainer {
		border-top: 1px solid var(--con);
	}
	#page2 .content {
		-ms-grid-row: 5;
		-ms-grid-column: 1;
		grid-area: content;
		padding: 0% 2%;
		text-align: center;
		display: block;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	#demoWheel {
		width: 100%;
		height: 100%;
		margin-bottom: -15px;
	}
	#kelvinPicker, #ISPicker {
		width: 100%;
		margin-top: 10px;
	}
	#info .intSwitch input {
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		opacity: 0;
		z-index: 100;
		position: absolute;
		width: 100%;
		height: 100%;
		cursor: pointer;
	}
	#info .intSwitch {
		width: 180px;
		height: 55px;
		position: relative;
		margin: -15px auto;
		-webkit-transform: scale(.4, .4);
		-ms-transform: scale(.4, .4);
		transform: scale(.4, .4)
	}
	#info .intSwitch label {
		display: block;
		width: 60%;
		height: 100%;
		position: relative;
		background: #202020;
		background: var(--btnGrad);
		border-radius: 30px 30px 30px 30px;
		-webkit-box-shadow: inset 0 3px 8px 1px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.1);
		box-shadow: inset 0 3px 8px 1px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.1);
		-webkit-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
	}
	#info .intSwitch input:checked~label {
		background: var(--ter);
		-webkit-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
	}
	#info .intSwitch input~label i {
		display: block;
		height: 55px;
		width: 55px;
		position: absolute;
		left: 0px;
		top: 0px;
		z-index: 2;
		border-radius: inherit;
		background: var(--han);
		-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 8px rgba(0, 0, 0, 0.3), 0 12px 12px rgba(0, 0, 0, 0.4);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 8px rgba(0, 0, 0, 0.3), 0 12px 12px rgba(0, 0, 0, 0.4);
		-webkit-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
	}
	#info .intSwitch label+span {
		content: "";
		position: absolute;
		right: 0px;
		top: -125px;
		width: 25px;
		height: 25px;
		border-radius: var(--rad);
		background: #283446;
		background: var(--off);
		-webkit-box-shadow: inset 0 1px 0 rgb(0 0 0 / 20%), 0 1px 0 rgb(255 255 255 / 10%), 0 0 10px rgb(185 231 253 / 0%), inset 0 0 8px rgb(0 0 0 / 90%), inset 0 -2px 5px rgb(0 0 0 / 30%), inset 0 -5px 5px rgb(0 0 0 / 50%);
		box-shadow: inset 0 1px 0 rgb(0 0 0 / 20%), 0 1px 0 rgb(255 255 255 / 10%), 0 0 10px rgb(185 231 253 / 0%), inset 0 0 8px rgb(0 0 0 / 90%), inset 0 -2px 5px rgb(0 0 0 / 30%), inset 0 -5px 5px rgb(0 0 0 / 50%);
		-webkit-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
		z-index: 2;
		display: inline-block;
	}
	#info .intSwitch input:checked~label+span {
		content: "";
		display: inline-block;
		position: absolute;
		width: 25px;
		height: 25px;
		border-radius: var(--rad);
		-webkit-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
		z-index: 2;
		background: #b9f3fe;
		background: var(--led);
		-webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 10px var(--btn), inset 0 0 8px var(--btn), inset 0 -2px 5px var(--btn), inset 0 -3px 8px var(--btn);
		box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 10px var(--btn), inset 0 0 8px var(--btn), inset 0 -2px 5px var(--btn), inset 0 -3px 8px var(--btn);
		top: -125px;
	}
	# info .intSwitch input:checked~label i {
		left: auto;
		left: 50%;
		-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 8px rgba(0, 0, 0, 0.3), 0 12px 12px rgba(0, 0, 0, 0.4);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 8px rgba(0, 0, 0, 0.3), 0 12px 12px rgba(0, 0, 0, 0.4);
		-webkit-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
	}
	#info .intSwitch On {
		display: inline-block;
		position: absolute;
		right: 5px;
		top: 20px;
		width: 18px;
		height: 18px;
		border-radius: 10px;
		color: var(--off);
		-webkit-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
		z-index: 2;
		font-family: var(--medFont);
		font-size: 24px;
	}
	#info .intSwitch Off {
		display: inline-block;
		position: absolute;
		left: -80px;
		top: 20px;
		width: 18px;
		height: 18px;
		border-radius: 10px;
		color: var(--off);
		text-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 10px rgba(185, 231, 253, 0), 0 0 8px rgba(255, 255, 255, .9), 0 -2px 5px rgba(255, 255, 255, 0.3), 0 -5px 5px rgba(255, 255, 255, 0.5);
		-webkit-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
		z-index: 2;
		font-size: 24px;
	}
	.sliderContainer {
		margin-top: 5px;
		height: 62px;
		width: 92%;
		border-radius: 10px;
		position: relative;
		border-top: 0px solid #adaeb1;
		background-color: var(--scon);
		padding-top: 1px;
	}
	.intensityContainer {
		margin-top: 5px;
		height: 80px;
		border-radius: 10px;
		position: relative;
		border-top: 0px solid #adaeb1;
		background-color: var(--scon);
		width: 45%;
		margin: 10px;
	}
	.slider_title {
		padding: 0px 30px;
		margin: 14px 0px 0px 0px;
		color: var(--sec);
		font-size: 12px;
		text-transform: uppercase;
		text-align: left;
	}
	.sliderInput {
		display: none;
		position: absolute;
		left: 5px;
		top: 15px;
		color: var(--sec);
	}
	#page6 .sliderInput {
		display: block;
		color: var(--sec);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-top: -8px;
	}
	.amount {
		font-family: "futura_md_bt", sans-serif;
		font-weight: 400;
		background: transparent;
		font-size: 20px;
		opacity: 1;
		border: 0;
		margin-top: 5px;
		font-size: 14px;
		font-family: "futura_lt_bt", sans-serif;
		margin-top: 6px;
		color: var(--sec) !important;
		width: 47px;
	}
	.offContainer {
		height: 45vh;
		width: 40vw;
	}
	.groupSwitch {
		width: 140px;
		height: 55px;
		position: absolute;
		-webkit-transform: scale(.3);
		-ms-transform: scale(.3);
		transform: scale(.3);
		right: -9%;
		top: -9%;
	}
	.timeContainer {
		display: none;
	}
	.systemStatusContainer {
		border-bottom: 0px;
		padding-top: 20px;
	}
	.projectInfoContainer {
		border-top: 0px;
	}
	.groupStatusContainer {
		border-left: 1px solid var(--div);
		border-right: 1px solid var(--div);
	}
	.groupStatus, .systemStatus {
		height: 70vh;
		overflow-y: scroll;
		overflow-x: hidden;
	}
	#info .slider {
		width: 80%;
	}
	#page6 .slider {
		width: 86%;
		margin-top: 50px;
		height: 10px;
	}
	#page6 .ui-slider-horizontal .ui-slider-handle {
		top: -5px;
		margin-left: -11px;
	}
	#page6 .ui-slider .ui-slider-handle {
		position: absolute;
		z-index: 2;
		width: 20px;
		height: 20px;
		cursor: pointer;
		-ms-touch-action: none;
		touch-action: none;
	}
	#page6 .amount {
		font-family: "futura_md_bt", sans-serif;
		font-weight: 400;
		background: transparent;
		font-size: 20px;
		opacity: 1;
		border: 0;
		margin-top: 5px;
		font-size: 16px;
		font-family: "futura_lt_bt", sans-serif;
		margin-top: 10px;
		color: var(--sec) !important;
		width: 47px;
	}
	#page6 .slider_title {
		padding: 0px 30px;
		margin: 18px 0px 0px 0px;
		color: var(--sec);
		font-size: 14px;
		text-transform: uppercase;
		text-align: left;
	}
	.groupSwitch input {
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		opacity: 0;
		z-index: 100;
		position: absolute;
		width: 100%;
		height: 100%;
		cursor: pointer;
	}
	.groupSwitch {
		width: 140px;
		height: 55px;
		position: absolute;
		-webkit-transform: scale(.3);
		-ms-transform: scale(.3);
		transform: scale(.3);
		right: -11%;
		top: -9%;
	}
	#page6 .groupSwitch {
		width: 140px;
		height: 55px;
		position: absolute;
		-webkit-transform: scale(.4);
		-ms-transform: scale(.4);
		transform: scale(.4);
		right: -5%;
		top: 0%;
	}
	.groupSwitch input:checked label {
		background: var(--ter);
	}
	.groupSwitch label {
		display: block;
		width: 80%;
		height: 100%;
		position: relative;
		background: var(--sec);
		border-radius: 30px 30px 30px 30px;
		-webkit-box-shadow: inset 0 3px 8px 1px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.2);
		box-shadow: inset 0 3px 8px 1px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.2);
		-webkit-transition: all .5s ease;
		-o-transition: all .5s ease;
		transition: all .5s ease;
	}
	.groupSwitch input:checked~label {
		background: var(--ter);
	}
	.groupSwitch input~label i {
		display: block;
		height: 51px;
		width: 51px;
		position: absolute;
		left: 2px;
		top: 2px;
		z-index: 2;
		border-radius: inherit;
		background: #283446;
		background: var(--han);
		-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 8px rgba(0, 0, 0, 0.3), 0 12px 12px rgba(0, 0, 0, 0.4);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 8px rgba(0, 0, 0, 0.3), 0 12px 12px rgba(0, 0, 0, 0.4);
		-webkit-transition: all .5s ease;
		-o-transition: all .5s ease;
		transition: all .5s ease;
	}
	.groupSwitch label+span {
		content: "";
		display: inline-block;
		position: absolute;
		right: 0px;
		top: 17px;
		width: 18px;
		height: 18px;
		border-radius: 10px;
		background: #283446;
		background: var(--off);
		-webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 10px rgba(185, 231, 253, 0), inset 0 0 8px rgba(0, 0, 0, 0.9), inset 0 -2px 5px rgba(0, 0, 0, 0.3), inset 0 -5px 5px rgba(0, 0, 0, 0.5);
		box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 10px rgba(185, 231, 253, 0), inset 0 0 8px rgba(0, 0, 0, 0.9), inset 0 -2px 5px rgba(0, 0, 0, 0.3), inset 0 -5px 5px rgba(0, 0, 0, 0.5);
		-webkit-transition: all .5s ease;
		-o-transition: all .5s ease;
		transition: all .5s ease;
		z-index: 2;
	}
	.groupSwitch input:checked~label+span {
		content: "";
		display: inline-block;
		position: absolute;
		width: 18px;
		height: 18px;
		border-radius: 10px;
		-webkit-transition: all .5s ease;
		-o-transition: all .5s ease;
		transition: all .5s ease;
		z-index: 2;
		background: #b9f3fe;
		background: var(--led);
		-webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 10px var(--btn), inset 0 0 8px var(--btn), inset 0 -2px 5px var(--btn), inset 0 -3px 8px var(--btn);
		box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 10px var(--btn), inset 0 0 8px var(--btn), inset 0 -2px 5px var(--btn), inset 0 -3px 8px var(--btn);
	}
	.groupSwitch input:checked~label i {
		left: auto;
		left: 55%;
		-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 8px rgba(0, 0, 0, 0.3), 0 8px 8px rgba(0, 0, 0, 0.3), inset -1px 0 1px #b9f3fe;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 8px rgba(0, 0, 0, 0.3), 0 8px 8px rgba(0, 0, 0, 0.3), inset -1px 0 1px #b9f3fe;
		-webkit-transition: all .5s ease;
		-o-transition: all .5s ease;
		transition: all .5s ease;
	}
	.splash {
		background-color: var(--pri);
		height: 100vh;
		width: 100vw;
		margin-left: -120px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.panel {
		-ms-grid-row: 1;
		-ms-grid-column: 2;
	}
	.footer {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page6 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page2 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page0 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page1 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page2 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page3 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#info .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#allOffPage .header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page6 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page2 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page0 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page1 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page2 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page3 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#info .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#allOffPage .content {
		-ms-grid-row: 5;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page6 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 3;
		-ms-grid-column: 1;
	}
	#page2 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 5;
		-ms-grid-column: 3;
	}
	#page0 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page1 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 3;
		-ms-grid-column: 3;
	}
	#page2 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 7;
		-ms-grid-column: 3;
	}
	#page3 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 5;
		-ms-grid-column: 1;
	}
	#info .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	.logoContainer {
		-ms-grid-row: 1;
		-ms-grid-column: 2;
	}
	.logoContainer {
		-ms-grid-row: 1;
		-ms-grid-column: 2;
	}
	.logoContainer {
		-ms-grid-row: 1;
		-ms-grid-column: 2;
	}
	#page0 .header>.pageTitle, #page1 .header>.pageTitle, #page2 .header>.pageTitle, #page3 .header>.pageTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	#page0 .header>.pageTitle, #page1 .header>.pageTitle, #page2 .header>.pageTitle, #page3 .header>.pageTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	#page0 .pageTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	#page0 .header>.pageTitle, #page1 .header>.pageTitle, #page2 .header>.pageTitle, #page3 .header>.pageTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	#page0 .header>.pageTitle, #page1 .header>.pageTitle, #page2 .header>.pageTitle, #page3 .header>.pageTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	.pageTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	#page0 .header>.help, #page1 .header>.help, #page2 .header>.help, #page3 .header>.help {
		-ms-grid-row: 1;
		-ms-grid-column: 3;
	}
	#page0 .header>.help, #page1 .header>.help, #page2 .header>.help, #page3 .header>.help {
		-ms-grid-row: 1;
		-ms-grid-column: 3;
	}
	.help {
		-ms-grid-row: 1;
		-ms-grid-column: 3;
	}
	.toggle1 {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}
	#page2 .container>.toggle1 {
		-ms-grid-row: 5;
		-ms-grid-column: 1;
	}
	#page1 .container>.toggle1 {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}
	#page2 .container>.toggle1 {
		-ms-grid-row: 5;
		-ms-grid-column: 1;
	}
	#page1 .toggle1 {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}
	#page2 .container>.toggle1 {
		-ms-grid-row: 5;
		-ms-grid-column: 1;
	}
	#page1 .container>.toggle1 {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}
	#page2 .container>.toggle1 {
		-ms-grid-row: 5;
		-ms-grid-column: 1;
	}
	#page2 .toggle1 {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}
	#page2 .container>.toggle1 {
		-ms-grid-row: 5;
		-ms-grid-column: 1;
	}
	#page1 .container>.toggle1 {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}
	#page2 .container>.toggle1 {
		-ms-grid-row: 5;
		-ms-grid-column: 1;
	}
	.toggle2 {
		-ms-grid-row: 7;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page6 .container>.toggle2 {
		-ms-grid-row: 7;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page2 .container>.toggle2 {
		-ms-grid-row: 7;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page1 .container>.toggle2 {
		-ms-grid-row: 5;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page2 .container>.toggle2 {
		-ms-grid-row: 7;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page3 .container>.toggle2 {
		-ms-grid-row: 3;
		-ms-grid-row-span: 5;
		-ms-grid-column: 3;
	}
	#dimmer .toggle2 {
		-ms-grid-row: 7;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page6 .container>.toggle2 {
		-ms-grid-row: 7;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page2 .container>.toggle2 {
		-ms-grid-row: 7;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page1 .container>.toggle2 {
		-ms-grid-row: 5;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page2 .container>.toggle2 {
		-ms-grid-row: 7;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page3 .container>.toggle2 {
		-ms-grid-row: 3;
		-ms-grid-row-span: 5;
		-ms-grid-column: 3;
	}
	.content {
		-ms-grid-row: 5;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page6 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 3;
		-ms-grid-column: 1;
	}
	#page2 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 5;
		-ms-grid-column: 3;
	}
	#page0 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page1 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 3;
		-ms-grid-column: 3;
	}
	#page2 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 7;
		-ms-grid-column: 3;
	}
	#page3 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 5;
		-ms-grid-column: 1;
	}
	#info .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page1 .content {
		-ms-grid-row: 5;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page6 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 3;
		-ms-grid-column: 1;
	}
	#page2 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 5;
		-ms-grid-column: 3;
	}
	#page0 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page1 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 3;
		-ms-grid-column: 3;
	}
	#page2 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 7;
		-ms-grid-column: 3;
	}
	#page3 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 5;
		-ms-grid-column: 1;
	}
	#info .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page2 .conSwitch>.switch {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	#page2 .conSwitch>.leftLabel {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page2 .conSwitch>.switch {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	#page2 .conSwitch>.leftLabel {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page2 .conSwitch>.switch {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	#page2 .conSwitch>.leftLabel {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page2 .conSwitch>.switch {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	#page2 .conSwitch>.leftLabel {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page0 .header>.offTitle, #page1 .header>.offTitle, #page2 .header>.offTitle, #page3 .header>.offTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	#page0 .header>.offTitle, #page1 .header>.offTitle, #page2 .header>.offTitle, #page3 .header>.offTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	.offTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	#page2 .conSwitch>.switch {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	#page2 .conSwitch>.switch {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	#page2 .conSwitch>.switch {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	.systemStatusContainer {
		-ms-grid-row: 1;
		-ms-grid-row-span: 2;
		-ms-grid-column: 1;
	}
	.projectInfoContainer {
		-ms-grid-row: 1;
		-ms-grid-column: 3;
	}
	.groupStatusContainer {
		-ms-grid-row: 1;
		-ms-grid-row-span: 2;
		-ms-grid-column: 2;
	}
	.projectInfoContainer {
		-ms-grid-row: 1;
		-ms-grid-column: 3;
	}
	.systemInfoContainer {
		-ms-grid-row: 2;
		-ms-grid-column: 3;
	}
	.systemStatusContainer {
		-ms-grid-row: 1;
		-ms-grid-row-span: 2;
		-ms-grid-column: 1;
	}
	.groupStatusContainer {
		-ms-grid-row: 1;
		-ms-grid-row-span: 2;
		-ms-grid-column: 2;
	}
	#page0 .header, #page1 .header, #page2 .header, #page3 .header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page6 .container>.header, #page6 .container>.header, #page6 .container>.header, #page6 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page2 .container>.header, #page2 .container>.header, #page2 .container>.header, #page2 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page0 .container>.header, #page0 .container>.header, #page0 .container>.header, #page0 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page1 .container>.header, #page1 .container>.header, #page1 .container>.header, #page1 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page2 .container>.header, #page2 .container>.header, #page2 .container>.header, #page2 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page3 .container>.header, #page3 .container>.header, #page3 .container>.header, #page3 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#info .container>.header, #info .container>.header, #info .container>.header, #info .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#allOffPage .header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page6 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page2 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page0 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page1 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page2 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page3 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#info .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page0 .header, #page1 .header, #page2 .header, #page3 .header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page6 .container>.header, #page6 .container>.header, #page6 .container>.header, #page6 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page2 .container>.header, #page2 .container>.header, #page2 .container>.header, #page2 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page0 .container>.header, #page0 .container>.header, #page0 .container>.header, #page0 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page1 .container>.header, #page1 .container>.header, #page1 .container>.header, #page1 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page2 .container>.header, #page2 .container>.header, #page2 .container>.header, #page2 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page3 .container>.header, #page3 .container>.header, #page3 .container>.header, #page3 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#info .container>.header, #info .container>.header, #info .container>.header, #info .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page6 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page2 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page0 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page1 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page2 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page3 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#info .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	.systemStatusContainer {
		-ms-grid-row: 1;
		-ms-grid-row-span: 2;
		-ms-grid-column: 1;
	}
	.projectInfoContainer {
		-ms-grid-row: 1;
		-ms-grid-column: 3;
	}
	.groupStatusContainer {
		-ms-grid-row: 1;
		-ms-grid-row-span: 2;
		-ms-grid-column: 2;
	}
	#page1 .toggle2 {
		-ms-grid-row: 7;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page6 .container>.toggle2 {
		-ms-grid-row: 7;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page2 .container>.toggle2 {
		-ms-grid-row: 7;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page1 .container>.toggle2 {
		-ms-grid-row: 5;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page2 .container>.toggle2 {
		-ms-grid-row: 7;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page3 .container>.toggle2 {
		-ms-grid-row: 3;
		-ms-grid-row-span: 5;
		-ms-grid-column: 3;
	}
	#page0 .header, #page1 .header, #page2 .header, #page3 .header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page6 .container>.header, #page6 .container>.header, #page6 .container>.header, #page6 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page2 .container>.header, #page2 .container>.header, #page2 .container>.header, #page2 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page0 .container>.header, #page0 .container>.header, #page0 .container>.header, #page0 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page1 .container>.header, #page1 .container>.header, #page1 .container>.header, #page1 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page2 .container>.header, #page2 .container>.header, #page2 .container>.header, #page2 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page3 .container>.header, #page3 .container>.header, #page3 .container>.header, #page3 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#info .container>.header, #info .container>.header, #info .container>.header, #info .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page6 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page2 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page0 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page1 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page2 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page3 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#info .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page0 .header, #page1 .header, #page2 .header, #page3 .header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page6 .container>.header, #page6 .container>.header, #page6 .container>.header, #page6 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page2 .container>.header, #page2 .container>.header, #page2 .container>.header, #page2 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page0 .container>.header, #page0 .container>.header, #page0 .container>.header, #page0 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page1 .container>.header, #page1 .container>.header, #page1 .container>.header, #page1 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page2 .container>.header, #page2 .container>.header, #page2 .container>.header, #page2 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page3 .container>.header, #page3 .container>.header, #page3 .container>.header, #page3 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#info .container>.header, #info .container>.header, #info .container>.header, #info .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	.systemStatusContainer {
		-ms-grid-row: 1;
		-ms-grid-row-span: 2;
		-ms-grid-column: 1;
	}
	.projectInfoContainer {
		-ms-grid-row: 1;
		-ms-grid-column: 3;
	}
	.groupStatusContainer {
		-ms-grid-row: 1;
		-ms-grid-row-span: 2;
		-ms-grid-column: 2;
	}
	#page1 .toggle2 {
		-ms-grid-row: 7;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page6 .container>.toggle2 {
		-ms-grid-row: 7;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page2 .container>.toggle2 {
		-ms-grid-row: 7;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page1 .container>.toggle2 {
		-ms-grid-row: 5;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page2 .container>.toggle2 {
		-ms-grid-row: 7;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page3 .container>.toggle2 {
		-ms-grid-row: 3;
		-ms-grid-row-span: 5;
		-ms-grid-column: 3;
	}
	.footer {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#page0 .header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page6 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page2 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page0 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page1 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page2 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page3 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#info .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page0 .header>.pageTitle, #page1 .header>.pageTitle, #page2 .header>.pageTitle, #page3 .header>.pageTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	#page0 .header>.pageTitle, #page1 .header>.pageTitle, #page2 .header>.pageTitle, #page3 .header>.pageTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	#page0 .pageTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	#page1 .toggle1 {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}
	#page2 .container>.toggle1 {
		-ms-grid-row: 5;
		-ms-grid-column: 1;
	}
	#page1 .container>.toggle1 {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}
	#page2 .container>.toggle1 {
		-ms-grid-row: 5;
		-ms-grid-column: 1;
	}
	#page1 .toggle2 {
		-ms-grid-row: 7;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page6 .container>.toggle2 {
		-ms-grid-row: 7;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page2 .container>.toggle2 {
		-ms-grid-row: 7;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page1 .container>.toggle2 {
		-ms-grid-row: 5;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page2 .container>.toggle2 {
		-ms-grid-row: 7;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page3 .container>.toggle2 {
		-ms-grid-row: 3;
		-ms-grid-row-span: 5;
		-ms-grid-column: 3;
	}
	#page2 .conSwitch>.leftLabel {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page2 .filterContainer {
		-ms-grid-row: 2;
		-ms-grid-column: 1;
	}
	#page2 .filterLabel {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#page5 .header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page6 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page2 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page0 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page1 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page2 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page3 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#info .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page0 .header, #page1 .header, #page2 .header, #page3 .header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page6 .container>.header, #page6 .container>.header, #page6 .container>.header, #page6 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page2 .container>.header, #page2 .container>.header, #page2 .container>.header, #page2 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page0 .container>.header, #page0 .container>.header, #page0 .container>.header, #page0 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page1 .container>.header, #page1 .container>.header, #page1 .container>.header, #page1 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page2 .container>.header, #page2 .container>.header, #page2 .container>.header, #page2 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page3 .container>.header, #page3 .container>.header, #page3 .container>.header, #page3 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#info .container>.header, #info .container>.header, #info .container>.header, #info .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	.footer {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#page0 .header, #page1 .header, #page2 .header, #page3 .header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page6 .container>.header, #page6 .container>.header, #page6 .container>.header, #page6 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page2 .container>.header, #page2 .container>.header, #page2 .container>.header, #page2 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page0 .container>.header, #page0 .container>.header, #page0 .container>.header, #page0 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page1 .container>.header, #page1 .container>.header, #page1 .container>.header, #page1 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page2 .container>.header, #page2 .container>.header, #page2 .container>.header, #page2 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page3 .container>.header, #page3 .container>.header, #page3 .container>.header, #page3 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#info .container>.header, #info .container>.header, #info .container>.header, #info .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page0 .header>.pageTitle, #page1 .header>.pageTitle, #page2 .header>.pageTitle, #page3 .header>.pageTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	#page0 .header>.pageTitle, #page1 .header>.pageTitle, #page2 .header>.pageTitle, #page3 .header>.pageTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	.pageTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	#page0 .header>.pageTitle, #page1 .header>.pageTitle, #page2 .header>.pageTitle, #page3 .header>.pageTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	#page0 .header>.pageTitle, #page1 .header>.pageTitle, #page2 .header>.pageTitle, #page3 .header>.pageTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	#page0 .pageTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	#page1 .toggle2 {
		-ms-grid-row: 7;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page6 .container>.toggle2 {
		-ms-grid-row: 7;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page2 .container>.toggle2 {
		-ms-grid-row: 7;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page1 .container>.toggle2 {
		-ms-grid-row: 5;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page2 .container>.toggle2 {
		-ms-grid-row: 7;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page3 .container>.toggle2 {
		-ms-grid-row: 3;
		-ms-grid-row-span: 5;
		-ms-grid-column: 3;
	}
	#page2 .conSwitch>.leftLabel {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page2 .filterContainer {
		-ms-grid-row: 2;
		-ms-grid-column: 1;
	}
	#page2 .filterLabel {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	.content {
		-ms-grid-row: 5;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page6 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 3;
		-ms-grid-column: 1;
	}
	#page2 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 5;
		-ms-grid-column: 3;
	}
	#page0 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page1 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 3;
		-ms-grid-column: 3;
	}
	#page2 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 7;
		-ms-grid-column: 3;
	}
	#page3 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 5;
		-ms-grid-column: 1;
	}
	#info .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page6 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page2 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page0 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page1 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page2 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page3 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#info .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#allOffPage .header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page6 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page2 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page0 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page1 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page2 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page3 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#info .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page2 .content {
		-ms-grid-row: 5;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page6 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 3;
		-ms-grid-column: 1;
	}
	#page2 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 5;
		-ms-grid-column: 3;
	}
	#page0 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page1 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 3;
		-ms-grid-column: 3;
	}
	#page2 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 7;
		-ms-grid-column: 3;
	}
	#page3 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 5;
		-ms-grid-column: 1;
	}
	#info .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
}

@media only screen and (max-width:845px) and (orientation: landscape) {
	#page2 .filterContainer {
		-ms-grid-row: 2;
		-ms-grid-column: 1;
	}
	#page2 .filterLabel {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#page2 .filterContainer {
		-ms-grid-row: 2;
		-ms-grid-column: 1;
	}
	#page2 .filterLabel {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#page2 .filterContainer {
		-ms-grid-row: 2;
		-ms-grid-column: 1;
	}
	#page2 .filterLabel {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
}

@media only screen and (min-width:846px) and (max-width:1133px) and (orientation: landscape) {
	#page2 .filterContainer {
		-ms-grid-row: 2;
		-ms-grid-column: 1;
	}
	#page2 .filterLabel {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#page2 .filterContainer {
		-ms-grid-row: 2;
		-ms-grid-column: 1;
	}
	#page2 .filterLabel {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
}

@media only screen and (min-width:1134px) and (max-width:1200px) and (orientation: landscape) {
	#page2 .filterContainer {
		-ms-grid-row: 2;
		-ms-grid-column: 1;
	}
	#page2 .filterLabel {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
}

@media only screen and (max-width:845px) and (orientation: landscape) {
	#page2 .conSwitch>.leftLabel {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page2 .conSwitch>.leftLabel {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page2 .conSwitch>.leftLabel {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
}

@media only screen and (min-width:846px) and (max-width:1133px) and (orientation: landscape) {
	#page2 .conSwitch>.leftLabel {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page2 .conSwitch>.leftLabel {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
}

@media only screen and (min-width:1134px) and (max-width:1200px) and (orientation: landscape) {
	#page2 .conSwitch>.leftLabel {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
}

@media only screen and (min-width:1201px) and (orientation: landscape) {
	.groupStatusContainer {
		border-left: 1px solid var(--div);
		border-right: 1px solid var(--div);
	}
	.systemInfoContainer {
		border-top: 1px solid var(--div);
	}
	.systemStatusContainer {
		-ms-grid-row: 2;
		-ms-grid-column: 1;
		grid-area: status;
		padding: 0px;
		padding-top: 20px;
		border-bottom: 0px;
	}
	@media only screen and (min-width:391px) and (max-width:768px) and (orientation: portrait) {
		.divider {
			-ms-grid-row: 2;
			-ms-grid-column: 1;
			-ms-grid-column-span: 2;
		}
		.systemStatusContainer {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		.systemStatusContainer {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		.projectInfoContainer {
			-ms-grid-row: 2;
			-ms-grid-column: 1;
		}
		.projectInfoContainer {
			-ms-grid-row: 3;
			-ms-grid-column: 1;
		}
		.groupStatusContainer {
			-ms-grid-row: 2;
			-ms-grid-column: 2;
		}
		.groupStatusContainer {
			-ms-grid-row: 1;
			-ms-grid-column: 2;
		}
		.divider {
			-ms-grid-row: 2;
			-ms-grid-column: 1;
			-ms-grid-column-span: 2;
		}
		.systemStatusContainer {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		.systemStatusContainer {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		.projectInfoContainer {
			-ms-grid-row: 2;
			-ms-grid-column: 1;
		}
		.projectInfoContainer {
			-ms-grid-row: 3;
			-ms-grid-column: 1;
		}
		.groupStatusContainer {
			-ms-grid-row: 2;
			-ms-grid-column: 2;
		}
		.groupStatusContainer {
			-ms-grid-row: 1;
			-ms-grid-column: 2;
		}
		.systemStatusContainer {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		.systemStatusContainer {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
	}
	@media only screen and (min-width:769px) and (max-width:1180px) and (orientation: portrait) {
		.divider {
			-ms-grid-row: 2;
			-ms-grid-column: 1;
			-ms-grid-column-span: 2;
		}
		.systemStatusContainer {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		.systemStatusContainer {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		.projectInfoContainer {
			-ms-grid-row: 2;
			-ms-grid-column: 1;
		}
		.projectInfoContainer {
			-ms-grid-row: 3;
			-ms-grid-column: 1;
		}
		.groupStatusContainer {
			-ms-grid-row: 2;
			-ms-grid-column: 2;
		}
		.groupStatusContainer {
			-ms-grid-row: 1;
			-ms-grid-column: 2;
		}
		.systemStatusContainer {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		.systemStatusContainer {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
	}
	@media only screen and (min-width:846px) and (max-width:1133px) and (orientation: landscape) {
		.systemStatusContainer {
			-ms-grid-row: 1;
			-ms-grid-row-span: 2;
			-ms-grid-column: 1;
		}
	}
	@media only screen and (min-width:1134px) and (max-width:1200px) and (orientation: landscape) {
		.systemStatusContainer {
			-ms-grid-row: 1;
			-ms-grid-row-span: 2;
			-ms-grid-column: 1;
		}
	}
	@media only screen and (min-width:1201px) and (orientation: landscape) {
		.systemStatusContainer {
			-ms-grid-row: 1;
			-ms-grid-row-span: 2;
			-ms-grid-column: 1;
		}
	}
	.projectInfoContainer {
		border-top: 0px;
	}
	.groupStatus, .systemStatus {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: flex-start;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		height: 70vh;
		overflow-y: scroll;
		overflow-x: hidden;
	}
	.systemInfo .row:nth-child(even) {
		background-color: var(--even);
		color: var(--ttxe);
		font-family: 'futura_lt_bt';
		font-size: 12px;
		padding: 2px 0px;
		text-transform: uppercase;
		width: 100%;
	}
	.systemInfo .row:nth-child(odd) {
		background-color: var(--odd);
		color: var(--ttxo);
		font-size: 12px;
		width: 100%;
		align-text: left;
		text-align: center;
		border-bottom: 0.5px solid var(--odd);
		text-transform: uppercase;
		padding: 2px 0px;
	}
	.row div {
		width: 100%;
		padding: 5px 10px;
		border-collapse: collapse;
		text-transform: uppercase;
		text-align: left;
		white-space: nowrap;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
		overflow: hidden;
		color: var(--acc);
		font-size: 10px;
		letter-spacing: 1px;
	}
	.footerBtnContainer, .container {
		width: 1200px;
		margin: 0px auto;
	}
	.footer {
		background-color: var(--ftr);
		border-radius: 0px;
		opacity: 0
	}
	.footerBtn {
		color: var(--pri);
		text-align: center;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: distribute;
		justify-content: space-around;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		width: 100%;
		min-height: 80px;
		min-width: 80px;
	}
	.footerBtn div {
		width: 50px;
		height: 50px;
	}
	.panel {
		display: -ms-grid;
		/*display: grid;*/
		grid-gap: 0%;
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		-ms-grid-rows: 9.5fr 0% .5fr;
		grid-template-rows: 9.5fr .5fr;
		grid-template-areas: "container" "footer";
	}
	.container {
		display: -ms-grid;
		display: grid;
		grid-gap: 0%;
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		-ms-grid-rows: 1fr 0% 1fr 0% 7fr 0% 1fr;
		grid-template-rows: 1fr 1fr 7fr 1fr;
		grid-template-areas: "header"  "content" ;
	}
	#page6 .container {
		display: -ms-grid;
		display: grid;
		grid-gap: 0%;
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		-ms-grid-rows: 1.5fr 0% 1fr 0% 7fr 0% 1fr;
		grid-template-rows: 1.5fr 1fr 7fr 1fr;
		grid-template-areas: "header" "content" "content" "toggle2";
	}
	#page2 .container {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		-ms-grid-rows: 1fr;
		/*grid-template-rows: .5fr 1fr 1fr 1fr 1fr;*/
		grid-template-areas: "header" "content";
	}
	.logoContainer {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.logo {
		max-width: 300px;
		max-height:60px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.amount {
		font-family: "futura_md_bt", sans-serif;
		font-weight: 400;
		background: transparent;
		font-size: 20px;
		opacity: 1;
		border: 0;
		margin-top: 5px;
		font-size: 14px;
		font-family: "futura_lt_bt", sans-serif;
		margin-top: 6px;
		color: var(--sec) !important;
		width: 47px;
	}
	#page0 .header, #page1 .header, #page2 .header, #page3 .header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		grid-area: header;
		display: -ms-grid;
		display: grid;
		border-radius: var(--rad);
		-ms-grid-columns: 1fr 4fr 1fr;
		grid-template-columns: 1fr 4fr 1fr;
		-ms-grid-rows: 1fr .8fr;
		grid-template-rows: 1fr .8fr;
		grid-template-areas: "logout logo help" ". title .";
	}
	#page1 .content {
		-ms-grid-row: 5;
		-ms-grid-column: 1;
		grid-area: content;
		text-align: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: flex-start;
	}
	#page2 .content {
		-ms-grid-row: 5;
		-ms-grid-column: 1;
		grid-area: content;
		padding: 0% 5%;
		text-align: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		display: block;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	#page3 .content {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
	}
	#page3 .main {
		border-radius: var(--rad);
		width: 500px;
	}
	#page1 .main {
		border-radius: var(--rad);
		padding: 20px;
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr 1fr;
		grid-template-columns: 1fr 1fr;
		-ms-grid-rows: .2fr 5fr;
		grid-template-rows: .2fr 5fr;
		grid-template-areas: "timeTitle scenesTitle" "timelineContainer scenesContainer";
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: self-start;
		-ms-flex-align: self-start;
		align-items: self-start;
	}
	#page1 .toggle2 {
		padding: 20px;
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr 1fr;
		grid-template-columns: 1fr 1fr;
		-ms-grid-rows: 1fr;
		grid-template-rows: 1fr;
		grid-template-areas: "tlRel scRel";
		margin-top: -30px;
	}
	.offContainer {
		background-color: var(--sec);
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		-ms-grid-rows: 1fr 1fr 1fr 1fr -1fr -1fr;
		grid-template-rows: 1fr 1fr 1fr 1fr -1fr -1fr;
		width: 100%;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		color: var(--bor);
		border-radius: var(--rad);
		grid-template-areas: "title" "toggleA" "toggleB" "toggleC" "relBtn" "canBtn";
		height: 30vh;
		width: 30vw;
		padding: 25px;
	}
	#page1 .container {
		grid-area: container;
		height: 100%;
		display: -ms-grid;
		display: grid;
		grid-gap: 0%;
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		-ms-grid-rows: 0.2fr 0% .2fr 0% 3.5fr 0% .2fr;
		grid-template-rows: 0.2fr .2fr 3.5fr .2fr;
		grid-template-areas: "header" "content" "content" "toggle2";
	}
	#page3 .container {
		height: 100%;
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr 1fr;
		grid-template-columns: 1fr 1fr;
		-ms-grid-rows: 1fr 0% 1fr 0% .5fr 0% 8.5fr;
		grid-template-rows: 1fr 1fr .5fr 8.5fr;
		grid-template-areas: "header header" "content toggle2" "content toggle2" "content toggle2";
	}
	.selectGroups {
		border-radius: var(--rad);
		overflow-y: scroll;
		overflow-x: hidden;
		border: 2px solid var(--bor);
		-webkit-box-shadow: var(--shdw);
		box-shadow: var(--shdw);
		max-height: 50vh;
		width: 100%;
	}
	.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		grid-area: header;
		display: -ms-grid;
		display: grid;
		border-radius: var(--rad);
		-ms-grid-columns: 1fr 1fr 1fr;
		grid-template-columns: 1fr  1fr 1fr;
		/*-ms-grid-rows: .5fr .3fr ;
		grid-template-rows: .5fr .3fr .3fr;*/
		grid-template-areas: "regresar  logoContainer enfoque" ". title  demostracion" ;
	}
	#page0 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#page2 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#page3 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#page4 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#page5 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#dimmer .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#allOffPage .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#demoWheel {
		width: 100%;
		height: 100%;
		position: relative;
		font-family: 'futura_md_bt';
		color: var(--sec);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		margin-top: 25px;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	#kelvinPicker, #ISPicker {
		width: 100%;
		position: relative;
		font-family: 'futura_md_bt';
		color: var(--sec);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-top: 27px;
	}
	#kelvinPicker {
		margin-top: 15px;
	}
	.timelineContainer {
		grid-area: timelineContainer;
		border-radius: var(--rad);
		overflow-y: scroll;
		overflow-x: hidden;
		border: 2px solid var(--bor);
		-webkit-box-shadow: var(--shdw);
		box-shadow: var(--shdw);
		max-height: 60vh;
		width: 500px;
		margin: 30px;
		max-height: 50vh;
	}
	.scenesContainer {
		grid-area: scenesContainer;
		border-radius: var(--rad);
		overflow-y: scroll;
		overflow-x: hidden;
		border: 2px solid var(--bor);
		-webkit-box-shadow: var(--shdw);
		box-shadow: var(--shdw);
		max-height: 60vh;
		width: 500px;
		margin: 30px;
		max-height: 50vh;
	}
	.timeTitle {
		grid-area: timeTitle;
		display: block !important;
	}
	.scenesTitle {
		grid-area: scenesTitle;
		display: block !important;
	}
	.tlRel {
		grid-area: tlRel;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.scRel {
		grid-area: scRel;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.scenesContainer, .wpContainer {
		display: block !important;
	}
	#page1 .toggle1, #page3 .toggle1 {
		display: none;
	}
	.systemInfo {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.wpContainer {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-left: 60px;
	}
	#page3 .cpContainer {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		-ms-grid-rows: 5fr .5fr .5fr;
		grid-template-rows: 5fr .5fr .5fr;
	}
	#page3 .cpContainer>*:nth-child(1) {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#page3 .cpContainer>*:nth-child(2) {
		-ms-grid-row: 2;
		-ms-grid-column: 1;
	}
	#page3 .cpContainer>*:nth-child(3) {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}
	#page3 .knobBg {
		background-image: url(../images/sliderbg3.png);
		position: relative;
		font-family: 'futura_md_bt';
		color: var(--sec);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		background-size: cover;
		-webkit-transform: scale(1.2);
		-ms-transform: scale(1.2);
		transform: scale(1.2);
		background-repeat: no-repeat;
	}
	#page3 .toggle2 {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		margin-top: 0px;
	}
	.sliderContainer {
		margin-top: 5px;
		height: 62px;
		width: 92%;
		border-radius: 10px;
		position: relative;
		border-top: 0px solid #adaeb1;
		background-color: var(--scon);
		padding-top: 1px;
	}
	.intensityContainer {
		margin-top: 5px;
		height: 60px;
		width: 92%;
		border-radius: 10px;
		position: relative;
		border-top: 0px solid #adaeb1;
		background-color: var(--scon);
		padding-top: 1px;
		width: 40%;
		margin: 5px;
	}
	.sliderContainer, .intensityContainer:first-of-type {}
	.slider_title {
		padding: 0px 30px;
		margin: 14px 0px 0px 0px;
		color: var(--sec);
		font-size: 12px;
		text-transform: uppercase;
		text-align: left;
	}
	#page6 .slider_title {
		padding: 0px 30px;
		margin: 14px 0px 0px 0px;
		color: var(--sec);
		font-size: 14px;
		text-transform: uppercase;
		text-align: left;
	}
	.sliderInput {
		display: none;
		position: absolute;
		left: 5px;
		top: 15px;
		color: var(--sec);
	}
	#page6 .sliderInput {
		display: block;
		color: var(--sec);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-top: -8px;
		text-align: center;
	}
	.amount {
		font-family: "futura_md_bt", sans-serif;
		font-weight: 400;
		background: transparent;
		font-size: 20px;
		opacity: 1;
		border: 0;
		margin-top: 5px;
		font-size: 14px;
		font-family: "futura_lt_bt", sans-serif;
		margin-top: 6px;
		color: var(--sec) !important;
		width: 47px;
	}
	#page6 .amount {
		font-family: "futura_md_bt", sans-serif;
		font-weight: 400;
		background: transparent;
		font-size: 20px;
		opacity: 1;
		border: 0;
		margin-top: 5px;
		font-size: 16px;
		font-family: "futura_lt_bt", sans-serif;
		margin-top: 6px;
		color: var(--sec) !important;
		width: 47px;
	}
	#info .container {
		grid-area: container;
		height: 100%;
		display: -ms-grid;
		display: grid;
		grid-gap: 0%;
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		-ms-grid-rows: .5fr 0% 7fr;
		grid-template-rows: .5fr 7fr;
		grid-template-areas: "header" "content";
	}
	#info .content {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr 1fr 1fr;
		grid-template-columns: 1fr 1fr 1fr;
		-ms-grid-rows: .8fr 1fr;
		grid-template-rows: .8fr 1fr;
		grid-template-areas: "status group project" "status group info";
	}
	.projectInfo, .systemInfo {
		background: rgb(0, 128, 255);
		background: -webkit-gradient( linear, left top, left bottom, from(rgba(0, 128, 255, 1)), to(rgba(0, 65, 145, 1)));
		background: -o-linear-gradient( top, rgba(0, 128, 255, 1) 0%, rgba(0, 65, 145, 1) 100%);
		background: linear-gradient( 180deg, rgba(0, 128, 255, 1) 0%, rgba(0, 65, 145, 1) 100%);
		border-radius: 15px;
		white-space: nowrap;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
		overflow: hidden;
		max-height: 26vh;
	}
	.timeContainer {
		grid-area: time;
		display: none;
	}
	.statusContainer {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: flex-start;
		-ms-flex-pack: flex-start;
		justify-content: flex-start;
		margin-top: 30px;
		width: 350px;
		margin-right:20px
	}
	.systemStatus {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: row;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: flex-start;
		-ms-flex-align: flex-start;
		align-items:flex-start;
		overflow-y: scroll;
		overflow-x: hidden;
	}
	#info .slider {
		width: 80%;
	}
	#page6 .slider {
		width: 87%;
		height: 11px;
		margin-top: 50px;
	}
	#page6 .ui-slider-horizontal .ui-slider-handle {
		top: -5px;
		margin-left: -11px;
	}
	#page6 .ui-slider .ui-slider-handle {
		position: absolute;
		z-index: 2;
		width: 20px;
		height: 20px;
		cursor: pointer;
		-ms-touch-action: none;
		touch-action: none;
	}
	#info .intSwitch input {
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		opacity: 0;
		z-index: 100;
		position: absolute;
		width: 100%;
		height: 100%;
		cursor: pointer;
	}
	#info .intSwitch {
		width: 180px;
		height: 55px;
		position: relative;
		margin: -40px 0px 0px 135px;
		-webkit-transform: scale(.3, .3);
		-ms-transform: scale(.3, .3);
		transform: scale(.3, .3);
	}
	#info .intSwitch label {
		display: block;
		width: 60%;
		height: 58px;
		position: relative;
		background: #202020;
		background: var(--btnGrad);
		border-radius: 30px 30px 30px 30px;
		-webkit-box-shadow: inset 0 3px 8px 1px rgb(0 0 0 / 50%), inset 0 1px 0 rgb(0 0 0 / 50%), 0 1px 0 rgb(255 255 255 / 10%);
		box-shadow: inset 0 3px 8px 1px rgb(0 0 0 / 50%), inset 0 1px 0 rgb(0 0 0 / 50%), 0 1px 0 rgb(255 255 255 / 10%);
		-webkit-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
	}
	#info .intSwitch input:checked~label {
		background: var(--ter);
		-webkit-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
	}
	#info .intSwitch input~label i {
		display: block;
		height: 55px;
		width: 55px;
		position: absolute;
		left: 0px;
		top: 0px;
		z-index: 2;
		border-radius: inherit;
		background: var(--han);
		-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 8px rgba(0, 0, 0, 0.3), 0 12px 12px rgba(0, 0, 0, 0.4);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 8px rgba(0, 0, 0, 0.3), 0 12px 12px rgba(0, 0, 0, 0.4);
		-webkit-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
	}
	#info .intSwitch label+span {
		content: "";
		position: absolute;
		right: 0px;
		top: -125px;
		width: 25px;
		height: 25px;
		border-radius: var(--rad);
		background: #283446;
		background: var(--off);
		-webkit-box-shadow: inset 0 1px 0 rgb(0 0 0 / 20%), 0 1px 0 rgb(255 255 255 / 10%), 0 0 10px rgb(185 231 253 / 0%), inset 0 0 8px rgb(0 0 0 / 90%), inset 0 -2px 5px rgb(0 0 0 / 30%), inset 0 -5px 5px rgb(0 0 0 / 50%);
		box-shadow: inset 0 1px 0 rgb(0 0 0 / 20%), 0 1px 0 rgb(255 255 255 / 10%), 0 0 10px rgb(185 231 253 / 0%), inset 0 0 8px rgb(0 0 0 / 90%), inset 0 -2px 5px rgb(0 0 0 / 30%), inset 0 -5px 5px rgb(0 0 0 / 50%);
		-webkit-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
		z-index: 2;
		display: inline-block;
	}

	#info .intSwitch input:checked~label+span {
		content: "";
		display: inline-block;
		position: absolute;
		width: 25px;
		height: 25px;
		border-radius: var(--rad);
		-webkit-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
		z-index: 2;
		background: #b9f3fe;
		background: var(--led);
		-webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 10px var(--btn), inset 0 0 8px var(--btn), inset 0 -2px 5px var(--btn), inset 0 -3px 8px var(--btn);
		box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 10px var(--btn), inset 0 0 8px var(--btn), inset 0 -2px 5px var(--btn), inset 0 -3px 8px var(--btn);
		top: -125px;
	}
	#info .intSwitch input:checked~label i {
		left: auto;
		left: 50%;
		-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 8px rgba(0, 0, 0, 0.3), 0 12px 12px rgba(0, 0, 0, 0.4);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 8px rgba(0, 0, 0, 0.3), 0 12px 12px rgba(0, 0, 0, 0.4);
		-webkit-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
	}
	#info .intSwitch On {
		display: inline-block;
		position: absolute;
		right: 5px;
		top: 20px;
		width: 18px;
		height: 18px;
		border-radius: 10px;
		color: var(--off);
		-webkit-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
		z-index: 2;
		font-family: var(--medFont);
		font-size: 24px;
	}
	#info .intSwitch Off {
		display: inline-block;
		position: absolute;
		left: -80px;
		top: 20px;
		width: 18px;
		height: 18px;
		border-radius: 10px;
		color: var(--off);
		text-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 10px rgba(185, 231, 253, 0), 0 0 8px rgba(255, 255, 255, .9), 0 -2px 5px rgba(255, 255, 255, 0.3), 0 -5px 5px rgba(255, 255, 255, 0.5);
		-webkit-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
		z-index: 2;
		font-size: 24px;
	}
	#allOffPage .content {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.groupSwitch input {
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		opacity: 0;
		z-index: 100;
		position: absolute;
		width: 100%;
		height: 100%;
		cursor: pointer;
	}
	.groupSwitch {
		width: 140px;
		height: 55px;
		position: absolute;
		-webkit-transform: scale(.3);
		-ms-transform: scale(.3);
		transform: scale(.3);
		right: -9%;
		top: -9%;
	}
	#page6 .groupSwitch {
		width: 140px;
		height: 55px;
		position: absolute;
		-webkit-transform: scale(.4);
		-ms-transform: scale(.4);
		transform: scale(.4);
		right: -6%;
		top: -4%;
	}
	.groupSwitch input:checked label {
		background: var(--ter);
	}
	.groupSwitch label {
		display: block;
		width: 80%;
		height: 100%;
		position: relative;
		background: var(--sec);
		border-radius: 30px 30px 30px 30px;
		-webkit-box-shadow: inset 0 3px 8px 1px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.2);
		box-shadow: inset 0 3px 8px 1px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.2);
		-webkit-transition: all .5s ease;
		-o-transition: all .5s ease;
		transition: all .5s ease;
	}
	.groupSwitch input:checked~label {
		background: var(--ter);
	}
	.groupSwitch input~label i {
		display: block;
		height: 51px;
		width: 51px;
		position: absolute;
		left: 2px;
		top: 2px;
		z-index: 2;
		border-radius: inherit;
		background: #283446;
		background: var(--han);
		-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 8px rgba(0, 0, 0, 0.3), 0 12px 12px rgba(0, 0, 0, 0.4);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 8px rgba(0, 0, 0, 0.3), 0 12px 12px rgba(0, 0, 0, 0.4);
		-webkit-transition: all .5s ease;
		-o-transition: all .5s ease;
		transition: all .5s ease;
	}
	.groupSwitch label+span {
		content: "";
		display: inline-block;
		position: absolute;
		right: 0px;
		top: 17px;
		width: 18px;
		height: 18px;
		border-radius: 10px;
		background: #283446;
		background: var(--off);
		-webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 10px rgba(185, 231, 253, 0), inset 0 0 8px rgba(0, 0, 0, 0.9), inset 0 -2px 5px rgba(0, 0, 0, 0.3), inset 0 -5px 5px rgba(0, 0, 0, 0.5);
		box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 10px rgba(185, 231, 253, 0), inset 0 0 8px rgba(0, 0, 0, 0.9), inset 0 -2px 5px rgba(0, 0, 0, 0.3), inset 0 -5px 5px rgba(0, 0, 0, 0.5);
		-webkit-transition: all .5s ease;
		-o-transition: all .5s ease;
		transition: all .5s ease;
		z-index: 2;
	}
	.groupSwitch input:checked~label+span {
		content: "";
		display: inline-block;
		position: absolute;
		width: 18px;
		height: 18px;
		border-radius: 10px;
		-webkit-transition: all .5s ease;
		-o-transition: all .5s ease;
		transition: all .5s ease;
		z-index: 2;
		background: #b9f3fe;
		background: var(--led);
		-webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 10px var(--btn), inset 0 0 8px var(--btn), inset 0 -2px 5px var(--btn), inset 0 -3px 8px var(--btn);
		box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 10px var(--btn), inset 0 0 8px var(--btn), inset 0 -2px 5px var(--btn), inset 0 -3px 8px var(--btn);
	}
	.groupSwitch input:checked~label i {
		left: auto;
		left: 55%;
		-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 8px rgba(0, 0, 0, 0.3), 0 8px 8px rgba(0, 0, 0, 0.3), inset -1px 0 1px #b9f3fe;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 8px rgba(0, 0, 0, 0.3), 0 8px 8px rgba(0, 0, 0, 0.3), inset -1px 0 1px #b9f3fe;
		-webkit-transition: all .5s ease;
		-o-transition: all .5s ease;
		transition: all .5s ease;
	}
	.intensityContainer {
		margin-top: 5px;
		height: 80px;
		width: 92%;
		border-radius: 10px;
		position: relative;
		border-top: 0px solid #adaeb1;
		background-color: var(--scon);
		padding-top: 1px;
		width: 40%;
	}
	.splash {
		background-color: var(--pri);
		height: 100vh;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.splashLogo {
		width: 40vw;
	    max-height: 15vh;
	    height:10vh;
    	display: flex;
    	justify-content: center;
	}
	.panel>.footer {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}
	.container {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page6 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page2 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page1 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page3 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#info .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#allOffPage .header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page6 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page2 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page1 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page3 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#info .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#allOffPage .content {
		-ms-grid-row: 5;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page6 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 3;
		-ms-grid-column: 1;
	}
	#page2 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 7;
		-ms-grid-column: 3;
	}
	#page1 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 3;
		-ms-grid-column: 1;
	}
	#page3 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 5;
		-ms-grid-column: 1;
	}
	#info .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	.logoContainer {
		-ms-grid-row: 1;
		-ms-grid-column: 2;
	}
	.logoContainer {
		-ms-grid-row: 1;
		-ms-grid-column: 2;
	}
	#page0 .header>.pageTitle, #page1 .header>.pageTitle, #page2 .header>.pageTitle, #page3 .header>.pageTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	.offContainer>.pageTitle {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#page0 .pageTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	#page0 .header>.pageTitle, #page1 .header>.pageTitle, #page2 .header>.pageTitle, #page3 .header>.pageTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	.offContainer>.pageTitle {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	.pageTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	#page0 .header>.help, #page1 .header>.help, #page2 .header>.help, #page3 .header>.help {
		-ms-grid-row: 1;
		-ms-grid-column: 3;
	}
	.help {
		-ms-grid-row: 1;
		-ms-grid-column: 3;
	}
	.toggle1 {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}
	#page2 .container>.toggle1 {
		-ms-grid-row: 5;
		-ms-grid-column: 1;
	}
	#page1 .toggle1 {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}
	#page2 .container>.toggle1 {
		-ms-grid-row: 5;
		-ms-grid-column: 1;
	}
	#page2 .toggle1 {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}
	#page2 .container>.toggle1 {
		-ms-grid-row: 5;
		-ms-grid-column: 1;
	}
	.toggle2 {
		-ms-grid-row: 7;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page6 .container>.toggle2 {
		-ms-grid-row: 7;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page2 .container>.toggle2 {
		-ms-grid-row: 7;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page1 .container>.toggle2 {
		-ms-grid-row: 7;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page3 .container>.toggle2 {
		-ms-grid-row: 3;
		-ms-grid-row-span: 5;
		-ms-grid-column: 3;
	}
	#dimmer .toggle2 {
		-ms-grid-row: 7;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page6 .container>.toggle2 {
		-ms-grid-row: 7;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page2 .container>.toggle2 {
		-ms-grid-row: 7;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page1 .container>.toggle2 {
		-ms-grid-row: 7;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page3 .container>.toggle2 {
		-ms-grid-row: 3;
		-ms-grid-row-span: 5;
		-ms-grid-column: 3;
	}
	.content {
		-ms-grid-row: 5;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page6 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 3;
		-ms-grid-column: 1;
	}
	#page2 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 7;
		-ms-grid-column: 3;
	}
	#page1 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 3;
		-ms-grid-column: 1;
	}
	#page3 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 5;
		-ms-grid-column: 1;
	}
	#info .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page1 .content {
		-ms-grid-row: 5;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page6 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 3;
		-ms-grid-column: 1;
	}
	#page2 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 7;
		-ms-grid-column: 3;
	}
	#page1 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 3;
		-ms-grid-column: 1;
	}
	#page3 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 5;
		-ms-grid-column: 1;
	}
	#info .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page0 .header>.offTitle, #page1 .header>.offTitle, #page2 .header>.offTitle, #page3 .header>.offTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	.offContainer>.offTitle {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	.offTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	.toggleA {
		-ms-grid-row: 2;
		-ms-grid-column: 1;
	}
	.toggleB {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}
	.toggleC {
		-ms-grid-row: 4;
		-ms-grid-column: 1;
	}
	.offContainer .cancel {
		-ms-grid-row: 6;
		-ms-grid-column: 1;
	}
	.offContainer .release {
		-ms-grid-row: 5;
		-ms-grid-column: 1;
	}
	.systemStatusContainer {
		-ms-grid-row: 1;
		-ms-grid-row-span: 2;
		-ms-grid-column: 1;
	}
	.projectInfoContainer {
		-ms-grid-row: 1;
		-ms-grid-column: 3;
	}
	.groupStatusContainer {
		-ms-grid-row: 1;
		-ms-grid-row-span: 2;
		-ms-grid-column: 2;
	}
	.projectInfoContainer {
		-ms-grid-row: 1;
		-ms-grid-column: 3;
	}
	.systemInfoContainer {
		-ms-grid-row: 2;
		-ms-grid-column: 3;
	}
	.systemStatusContainer {
		-ms-grid-row: 1;
		-ms-grid-row-span: 2;
		-ms-grid-column: 1;
	}
	.groupStatusContainer {
		-ms-grid-row: 1;
		-ms-grid-row-span: 2;
		-ms-grid-column: 2;
	}
	#page6 .container {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#page0 .header, #page1 .header, #page2 .header, #page3 .header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page6 .container>.header, #page6 .container>.header, #page6 .container>.header, #page6 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page2 .container>.header, #page2 .container>.header, #page2 .container>.header, #page2 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page1 .container>.header, #page1 .container>.header, #page1 .container>.header, #page1 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page3 .container>.header, #page3 .container>.header, #page3 .container>.header, #page3 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#info .container>.header, #info .container>.header, #info .container>.header, #info .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#allOffPage .header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page6 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page2 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page1 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page3 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#info .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page0 .header, #page1 .header, #page2 .header, #page3 .header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page6 .container>.header, #page6 .container>.header, #page6 .container>.header, #page6 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page2 .container>.header, #page2 .container>.header, #page2 .container>.header, #page2 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page1 .container>.header, #page1 .container>.header, #page1 .container>.header, #page1 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page3 .container>.header, #page3 .container>.header, #page3 .container>.header, #page3 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#info .container>.header, #info .container>.header, #info .container>.header, #info .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#info .container {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page6 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page2 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page1 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page3 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#info .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	.systemStatusContainer {
		-ms-grid-row: 1;
		-ms-grid-row-span: 2;
		-ms-grid-column: 1;
	}
	.projectInfoContainer {
		-ms-grid-row: 1;
		-ms-grid-column: 3;
	}
	.groupStatusContainer {
		-ms-grid-row: 1;
		-ms-grid-row-span: 2;
		-ms-grid-column: 2;
	}
	#page1 .toggle2 {
		-ms-grid-row: 7;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page6 .container>.toggle2 {
		-ms-grid-row: 7;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page2 .container>.toggle2 {
		-ms-grid-row: 7;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page1 .container>.toggle2 {
		-ms-grid-row: 7;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page3 .container>.toggle2 {
		-ms-grid-row: 3;
		-ms-grid-row-span: 5;
		-ms-grid-column: 3;
	}
	#page0 .header, #page1 .header, #page2 .header, #page3 .header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page6 .container>.header, #page6 .container>.header, #page6 .container>.header, #page6 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page2 .container>.header, #page2 .container>.header, #page2 .container>.header, #page2 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page1 .container>.header, #page1 .container>.header, #page1 .container>.header, #page1 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page3 .container>.header, #page3 .container>.header, #page3 .container>.header, #page3 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#info .container>.header, #info .container>.header, #info .container>.header, #info .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page6 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page2 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page1 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page3 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#info .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page0 .header, #page1 .header, #page2 .header, #page3 .header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page6 .container>.header, #page6 .container>.header, #page6 .container>.header, #page6 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page2 .container>.header, #page2 .container>.header, #page2 .container>.header, #page2 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page1 .container>.header, #page1 .container>.header, #page1 .container>.header, #page1 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page3 .container>.header, #page3 .container>.header, #page3 .container>.header, #page3 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#info .container>.header, #info .container>.header, #info .container>.header, #info .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#info .container {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	.systemStatusContainer {
		-ms-grid-row: 1;
		-ms-grid-row-span: 2;
		-ms-grid-column: 1;
	}
	.projectInfoContainer {
		-ms-grid-row: 1;
		-ms-grid-column: 3;
	}
	.groupStatusContainer {
		-ms-grid-row: 1;
		-ms-grid-row-span: 2;
		-ms-grid-column: 2;
	}
	#page1 .toggle2 {
		-ms-grid-row: 7;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page6 .container>.toggle2 {
		-ms-grid-row: 7;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page2 .container>.toggle2 {
		-ms-grid-row: 7;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page1 .container>.toggle2 {
		-ms-grid-row: 7;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page3 .container>.toggle2 {
		-ms-grid-row: 3;
		-ms-grid-row-span: 5;
		-ms-grid-column: 3;
	}
	.panel>.footer {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}
	#dimmer .container {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#page0 .container {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#page0 .header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page6 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page2 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page1 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page3 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#info .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page0 .header>.pageTitle, #page1 .header>.pageTitle, #page2 .header>.pageTitle, #page3 .header>.pageTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	.offContainer>.pageTitle {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#page0 .pageTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	#page1 .container {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#page1 .toggle1 {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}
	#page2 .container>.toggle1 {
		-ms-grid-row: 5;
		-ms-grid-column: 1;
	}
	#page1 .toggle2 {
		-ms-grid-row: 7;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page6 .container>.toggle2 {
		-ms-grid-row: 7;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page2 .container>.toggle2 {
		-ms-grid-row: 7;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page1 .container>.toggle2 {
		-ms-grid-row: 7;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page3 .container>.toggle2 {
		-ms-grid-row: 3;
		-ms-grid-row-span: 5;
		-ms-grid-column: 3;
	}
	#page5 .container {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#page5 .header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page6 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page2 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page1 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page3 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#info .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page0 .header, #page1 .header, #page2 .header, #page3 .header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page6 .container>.header, #page6 .container>.header, #page6 .container>.header, #page6 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page2 .container>.header, #page2 .container>.header, #page2 .container>.header, #page2 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page1 .container>.header, #page1 .container>.header, #page1 .container>.header, #page1 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page3 .container>.header, #page3 .container>.header, #page3 .container>.header, #page3 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#info .container>.header, #info .container>.header, #info .container>.header, #info .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	.panel>.footer {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}
	#page0 .header, #page1 .header, #page2 .header, #page3 .header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page6 .container>.header, #page6 .container>.header, #page6 .container>.header, #page6 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page2 .container>.header, #page2 .container>.header, #page2 .container>.header, #page2 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page1 .container>.header, #page1 .container>.header, #page1 .container>.header, #page1 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page3 .container>.header, #page3 .container>.header, #page3 .container>.header, #page3 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#info .container>.header, #info .container>.header, #info .container>.header, #info .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page0 .container {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#page0 .header>.pageTitle, #page1 .header>.pageTitle, #page2 .header>.pageTitle, #page3 .header>.pageTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	.offContainer>.pageTitle {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	.pageTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	#page0 .header>.pageTitle, #page1 .header>.pageTitle, #page2 .header>.pageTitle, #page3 .header>.pageTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	.offContainer>.pageTitle {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#page0 .pageTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	#page1 .container {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#page1 .toggle2 {
		-ms-grid-row: 7;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page6 .container>.toggle2 {
		-ms-grid-row: 7;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page2 .container>.toggle2 {
		-ms-grid-row: 7;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page1 .container>.toggle2 {
		-ms-grid-row: 7;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page3 .container>.toggle2 {
		-ms-grid-row: 3;
		-ms-grid-row-span: 5;
		-ms-grid-column: 3;
	}
	.content {
		-ms-grid-row: 5;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page6 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 3;
		-ms-grid-column: 1;
	}
	#page2 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 7;
		-ms-grid-column: 3;
	}
	#page1 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 3;
		-ms-grid-column: 1;
	}
	#page3 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 5;
		-ms-grid-column: 1;
	}
	#info .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page6 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page2 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page1 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page3 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#info .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#allOffPage .header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page6 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page2 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page1 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page3 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#info .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page2 .content {
		-ms-grid-row: 5;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page6 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 3;
		-ms-grid-column: 1;
	}
	#page2 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 7;
		-ms-grid-column: 3;
	}
	#page1 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 3;
		-ms-grid-column: 1;
	}
	#page3 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 5;
		-ms-grid-column: 1;
	}
	#info .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page0 .header, #page1 .header, #page2 .header, #page3 .header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page6 .container>.header, #page6 .container>.header, #page6 .container>.header, #page6 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page2 .container>.header, #page2 .container>.header, #page2 .container>.header, #page2 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page1 .container>.header, #page1 .container>.header, #page1 .container>.header, #page1 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page3 .container>.header, #page3 .container>.header, #page3 .container>.header, #page3 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#info .container>.header, #info .container>.header, #info .container>.header, #info .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	.panel>.footer {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}
	#page0 .header, #page1 .header, #page2 .header, #page3 .header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page6 .container>.header, #page6 .container>.header, #page6 .container>.header, #page6 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page2 .container>.header, #page2 .container>.header, #page2 .container>.header, #page2 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page1 .container>.header, #page1 .container>.header, #page1 .container>.header, #page1 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page3 .container>.header, #page3 .container>.header, #page3 .container>.header, #page3 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#info .container>.header, #info .container>.header, #info .container>.header, #info .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page0 .container {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#page0 .header>.pageTitle, #page1 .header>.pageTitle, #page2 .header>.pageTitle, #page3 .header>.pageTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	.offContainer>.pageTitle {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	.pageTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	#page0 .header>.pageTitle, #page1 .header>.pageTitle, #page2 .header>.pageTitle, #page3 .header>.pageTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	.offContainer>.pageTitle {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#page0 .pageTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	#page1 .container {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#page1 .toggle2 {
		-ms-grid-row: 7;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page6 .container>.toggle2 {
		-ms-grid-row: 7;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page2 .container>.toggle2 {
		-ms-grid-row: 7;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page1 .container>.toggle2 {
		-ms-grid-row: 7;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page3 .container>.toggle2 {
		-ms-grid-row: 3;
		-ms-grid-row-span: 5;
		-ms-grid-column: 3;
	}
	.content {
		-ms-grid-row: 5;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page6 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 3;
		-ms-grid-column: 1;
	}
	#page2 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 7;
		-ms-grid-column: 3;
	}
	#page1 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 3;
		-ms-grid-column: 1;
	}
	#page3 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 5;
		-ms-grid-column: 1;
	}
	#info .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page6 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page2 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#page1 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page3 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#info .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page2 .content {
		-ms-grid-row: 5;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page6 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 3;
		-ms-grid-column: 1;
	}
	#page2 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 7;
		-ms-grid-column: 3;
	}
	#page1 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 3;
		-ms-grid-column: 1;
	}
	#page3 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 5;
		-ms-grid-column: 1;
	}
	#info .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
}

@media only screen and (min-width:1181px) and (orientation: portrait) {
	.groupStatusContainer {
		border-left: 1px solid var(--div);
		border-right: 1px solid var(--div);
	}
	.systemInfoContainer {
		border-top: 1px solid var(--div);
	}
	.systemStatusContainer {
		border-bottom: 0px;
	}
	.projectInfoContainer {
		border-top: 0px;
	}
	.groupStatus, .systemStatus {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: flex-start;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		height: 70vh;
		overflow-y: scroll;
	}
	.systemInfo .row:nth-child(even) {
		background-color: var(--even);
		color: var(--ttxe);
		font-family: 'futura_lt_bt';
		font-size: 12px;
		padding: 2px 0px;
		text-transform: uppercase;
		width: 100%;
	}
	.systemInfo .row:nth-child(odd) {
		background-color: var(--odd);
		color: var(--ttxo);
		font-size: 12px;
		width: 100%;
		align-text: left;
		text-align: center;
		border-bottom: 0.5px solid var(--odd);
		text-transform: uppercase;
		padding: 2px 0px;
	}
	.row div {
		width: 100%;
		padding: 5px 10px;
		border-collapse: collapse;
		text-transform: uppercase;
		text-align: left;
		white-space: nowrap;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
		overflow: hidden;
		color: var(--acc);
		font-size: 10px;
		letter-spacing: 1px;
	}
	.footerBtnContainer, .container {
		width: 1200px;
		margin: 0px auto;
	}
	.footer {
		background-color: var(--ftr);
		border-radius: 0px;
		opacity: 0
	}
	.footerBtn {
		color: var(--pri);
		text-align: center;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: distribute;
		justify-content: space-around;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		width: 100%;
		min-height: 80px;
		min-width: 80px;
	}
	.footerBtn div {
		width: 50px;
		height: 50px;
	}
	.panel {
		display: -ms-grid;
		/*display: grid;*/
		grid-gap: 0%;
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		-ms-grid-rows: 9.5fr 0% .5fr;
		grid-template-rows: 9.5fr .5fr;
		grid-template-areas: "container" "footer";
	}
	.container {
		display: -ms-grid;
		display: grid;
		grid-gap: 0%;
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		-ms-grid-rows: 1fr 0% 1fr 0% 7fr 0% 1fr;
		grid-template-rows: 1fr 1fr 7fr 1fr;
		grid-template-areas: "header" "toggle1" "content" "toggle2";
	}
	.logoContainer {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.logo {
		max-width: 300px;
		max-height:60px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.amount {
		font-family: "futura_md_bt", sans-serif;
		font-weight: 400;
		background: transparent;
		font-size: 20px;
		opacity: 1;
		border: 0;
		margin-top: 5px;
		font-size: 14px;
		font-family: "futura_lt_bt", sans-serif;
		margin-top: 6px;
		color: var(--sec) !important;
		width: 47px;
	}
	#page0 .header, #page1 .header, #page2 .header, #page3 .header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		grid-area: header;
		display: -ms-grid;
		display: grid;
		border-radius: var(--rad);
		-ms-grid-columns: 1fr 4fr 1fr;
		grid-template-columns: 1fr 4fr 1fr;
		-ms-grid-rows: 1fr .8fr;
		grid-template-rows: 1fr .8fr;
		grid-template-areas: "logout logo help" ". title .";
	}
	#page1 .content {
		-ms-grid-row: 5;
		-ms-grid-column: 1;
		grid-area: content;
		padding: 0% 5%;
		text-align: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		display: block;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	#page2 .content {
		-ms-grid-row: 5;
		-ms-grid-column: 1;
		grid-area: content;
		padding: 0% 5%;
		text-align: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		display: block;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	#page3 .content {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
	}
	#page3 .main {
		border-radius: var(--rad);
		width: 500px;
	}
	#page1 .main {
		border-radius: var(--rad);
		padding: 20px;
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr 1fr;
		grid-template-columns: 1fr 1fr;
		-ms-grid-rows: .2fr 5fr;
		grid-template-rows: .2fr 5fr;
		grid-template-areas: "timeTitle scenesTitle" "timelineContainer scenesContainer";
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: self-start;
		-ms-flex-align: self-start;
		align-items: self-start;
	}
	#page1 .toggle2 {
		padding: 20px;
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr 1fr;
		grid-template-columns: 1fr 1fr;
		-ms-grid-rows: 1fr;
		grid-template-rows: 1fr;
		grid-template-areas: "tlRel scRel";
	}
	.offContainer {
		background-color: var(--sec);
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		-ms-grid-rows: 1fr 1fr 1fr 1fr -1fr -1fr;
		grid-template-rows: 1fr 1fr 1fr 1fr -1fr -1fr;
		width: 100%;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		color: var(--bor);
		border-radius: var(--rad);
		grid-template-areas: "title" "toggleA" "toggleB" "toggleC" "relBtn" "canBtn";
		height: 30vh;
		width: 30vw;
		padding: 25px;
	}
	#page1 .container {
		grid-area: container;
		height: 100%;
		display: -ms-grid;
		display: grid;
		grid-gap: 0%;
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		-ms-grid-rows: .5fr 0% .5fr 0% 6fr 0% 1fr;
		grid-template-rows: .5fr .5fr 6fr 1fr;
		grid-template-areas: "header" "toggle1" "content" "toggle2";
	}
	#page3 .container {
		height: 100%;
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr 1fr;
		grid-template-columns: 1fr 1fr;
		-ms-grid-rows: 1fr 0% 1fr 0% .5fr 0% 8.5fr;
		grid-template-rows: 1fr 1fr .5fr 8.5fr;
		grid-template-areas: "header header" "content toggle2" "content toggle2" "content toggle2";
	}
	.selectGroups {
		border-radius: var(--rad);
		overflow-y: scroll;
		overflow-x: hidden;
		border: 2px solid var(--bor);
		-webkit-box-shadow: var(--shdw);
		box-shadow: var(--shdw);
		max-height: 50vh;
		width: 100%;
	}
	.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		grid-area: header;
		display: -ms-grid;
		display: grid;
		border-radius: var(--rad);
		-ms-grid-columns: 1fr 4fr 1fr;
		grid-template-columns: 1fr 4fr 1fr;
		-ms-grid-rows: .5fr .3fr;
		grid-template-rows: .5fr .3fr;
		grid-template-areas: "regresar logoContainer enfoque"
        ". title demostracion";
	}
	#page0 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#page2 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#page3 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#page4 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#page5 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#dimmer .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#allOffPage .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	@media only screen and (min-width:391px) and (max-width:768px) and (orientation: portrait) {
		#page3 .container>.header, #page3 .container>.header, #page3 .container>.header, #page3 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#page6 .container>.header, #page6 .container>.header, #page6 .container>.header, #page6 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#allOffPage .container>.header, #allOffPage .container>.header, #allOffPage .container>.header, #allOffPage .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#info .container>.header, #info .container>.header, #info .container>.header, #info .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#page3 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#page6 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#allOffPage .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#info .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#page3 .container>.header, #page3 .container>.header, #page3 .container>.header, #page3 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#page6 .container>.header, #page6 .container>.header, #page6 .container>.header, #page6 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#allOffPage .container>.header, #allOffPage .container>.header, #allOffPage .container>.header, #allOffPage .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#info .container>.header, #info .container>.header, #info .container>.header, #info .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#page3 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#page6 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#allOffPage .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#info .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#page3 .container>.toggle2 {
			-ms-grid-row: 5;
			-ms-grid-column: 1;
		}
		#page6 .container>.toggle2 {
			-ms-grid-row: 7;
			-ms-grid-column: 1;
		}
		#page3 .container>.header, #page3 .container>.header, #page3 .container>.header, #page3 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#page6 .container>.header, #page6 .container>.header, #page6 .container>.header, #page6 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#allOffPage .container>.header, #allOffPage .container>.header, #allOffPage .container>.header, #allOffPage .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#info .container>.header, #info .container>.header, #info .container>.header, #info .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#page3 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#page6 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#allOffPage .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#info .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#page3 .container>.header, #page3 .container>.header, #page3 .container>.header, #page3 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#page6 .container>.header, #page6 .container>.header, #page6 .container>.header, #page6 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#allOffPage .container>.header, #allOffPage .container>.header, #allOffPage .container>.header, #allOffPage .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#info .container>.header, #info .container>.header, #info .container>.header, #info .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#page3 .container>.toggle2 {
			-ms-grid-row: 5;
			-ms-grid-column: 1;
		}
		#page6 .container>.toggle2 {
			-ms-grid-row: 7;
			-ms-grid-column: 1;
		}
		#page3 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#page6 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#allOffPage .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#info .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#page3 .container>.toggle2 {
			-ms-grid-row: 5;
			-ms-grid-column: 1;
		}
		#page6 .container>.toggle2 {
			-ms-grid-row: 7;
			-ms-grid-column: 1;
		}
		#page3 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#page6 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#allOffPage .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#info .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#page3 .container>.header, #page3 .container>.header, #page3 .container>.header, #page3 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#page6 .container>.header, #page6 .container>.header, #page6 .container>.header, #page6 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#allOffPage .container>.header, #allOffPage .container>.header, #allOffPage .container>.header, #allOffPage .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#info .container>.header, #info .container>.header, #info .container>.header, #info .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#page3 .container>.header, #page3 .container>.header, #page3 .container>.header, #page3 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#page6 .container>.header, #page6 .container>.header, #page6 .container>.header, #page6 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#allOffPage .container>.header, #allOffPage .container>.header, #allOffPage .container>.header, #allOffPage .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#info .container>.header, #info .container>.header, #info .container>.header, #info .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#page3 .container>.toggle2 {
			-ms-grid-row: 5;
			-ms-grid-column: 1;
		}
		#page6 .container>.toggle2 {
			-ms-grid-row: 7;
			-ms-grid-column: 1;
		}
		#page3 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-column: 1;
		}
		#page6 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 3;
			-ms-grid-column: 1;
		}
		#allOffPage .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#info .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page3 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#page6 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#allOffPage .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#info .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#page3 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#page6 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#allOffPage .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#info .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#page3 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-column: 1;
		}
		#page6 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 3;
			-ms-grid-column: 1;
		}
		#allOffPage .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#info .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page3 .container>.header, #page3 .container>.header, #page3 .container>.header, #page3 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#page6 .container>.header, #page6 .container>.header, #page6 .container>.header, #page6 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#allOffPage .container>.header, #allOffPage .container>.header, #allOffPage .container>.header, #allOffPage .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#info .container>.header, #info .container>.header, #info .container>.header, #info .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#page3 .container>.header, #page3 .container>.header, #page3 .container>.header, #page3 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#page6 .container>.header, #page6 .container>.header, #page6 .container>.header, #page6 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#allOffPage .container>.header, #allOffPage .container>.header, #allOffPage .container>.header, #allOffPage .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#info .container>.header, #info .container>.header, #info .container>.header, #info .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#page3 .container>.toggle2 {
			-ms-grid-row: 5;
			-ms-grid-column: 1;
		}
		#page6 .container>.toggle2 {
			-ms-grid-row: 7;
			-ms-grid-column: 1;
		}
		#page3 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-column: 1;
		}
		#page6 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 3;
			-ms-grid-column: 1;
		}
		#allOffPage .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#info .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page3 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#page6 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#allOffPage .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#info .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#page3 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-column: 1;
		}
		#page6 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 3;
			-ms-grid-column: 1;
		}
		#allOffPage .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#info .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page3 .container>.header, #page3 .container>.header, #page3 .container>.header, #page3 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#page6 .container>.header, #page6 .container>.header, #page6 .container>.header, #page6 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#allOffPage .container>.header, #allOffPage .container>.header, #allOffPage .container>.header, #allOffPage .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#info .container>.header, #info .container>.header, #info .container>.header, #info .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#page3 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-column: 1;
		}
		#page6 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 3;
			-ms-grid-column: 1;
		}
		#allOffPage .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#info .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page3 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-column: 1;
		}
		#page6 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 3;
			-ms-grid-column: 1;
		}
		#allOffPage .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#info .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page3 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#page6 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#allOffPage .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#info .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#page3 .container>.header, #page3 .container>.header, #page3 .container>.header, #page3 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#page6 .container>.header, #page6 .container>.header, #page6 .container>.header, #page6 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#allOffPage .container>.header, #allOffPage .container>.header, #allOffPage .container>.header, #allOffPage .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#info .container>.header, #info .container>.header, #info .container>.header, #info .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#page3 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-column: 1;
		}
		#page6 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 3;
			-ms-grid-column: 1;
		}
		#allOffPage .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#info .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page3 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-column: 1;
		}
		#page6 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 3;
			-ms-grid-column: 1;
		}
		#allOffPage .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#info .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page3 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#page6 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#allOffPage .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#info .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
	}
	@media only screen and (min-width:769px) and (max-width:1180px) and (orientation: portrait) {
		#page3 .container>.header, #page3 .container>.header, #page3 .container>.header, #page3 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#page6 .container>.header, #page6 .container>.header, #page6 .container>.header, #page6 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#info .container>.header, #info .container>.header, #info .container>.header, #info .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#page3 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#page6 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#info .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#page3 .container>.header, #page3 .container>.header, #page3 .container>.header, #page3 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#page6 .container>.header, #page6 .container>.header, #page6 .container>.header, #page6 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#info .container>.header, #info .container>.header, #info .container>.header, #info .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#page3 .container>.toggle2 {
			-ms-grid-row: 5;
			-ms-grid-column: 1;
		}
		#page6 .container>.toggle2 {
			-ms-grid-row: 7;
			-ms-grid-column: 1;
		}
		#page3 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#page6 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#info .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#page3 .container>.toggle2 {
			-ms-grid-row: 5;
			-ms-grid-column: 1;
		}
		#page6 .container>.toggle2 {
			-ms-grid-row: 7;
			-ms-grid-column: 1;
		}
		#page3 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#page6 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#info .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#page3 .container>.header, #page3 .container>.header, #page3 .container>.header, #page3 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#page6 .container>.header, #page6 .container>.header, #page6 .container>.header, #page6 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#info .container>.header, #info .container>.header, #info .container>.header, #info .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#page3 .container>.header, #page3 .container>.header, #page3 .container>.header, #page3 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#page6 .container>.header, #page6 .container>.header, #page6 .container>.header, #page6 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#info .container>.header, #info .container>.header, #info .container>.header, #info .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#page3 .container>.toggle2 {
			-ms-grid-row: 5;
			-ms-grid-column: 1;
		}
		#page6 .container>.toggle2 {
			-ms-grid-row: 7;
			-ms-grid-column: 1;
		}
		#page3 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page6 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 3;
			-ms-grid-column: 1;
		}
		#info .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page3 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#page6 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#info .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#page3 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#page6 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#info .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#page3 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page6 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 3;
			-ms-grid-column: 1;
		}
		#info .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page3 .container>.header, #page3 .container>.header, #page3 .container>.header, #page3 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#page6 .container>.header, #page6 .container>.header, #page6 .container>.header, #page6 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#info .container>.header, #info .container>.header, #info .container>.header, #info .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#page3 .container>.header, #page3 .container>.header, #page3 .container>.header, #page3 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#page6 .container>.header, #page6 .container>.header, #page6 .container>.header, #page6 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#info .container>.header, #info .container>.header, #info .container>.header, #info .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#page3 .container>.toggle2 {
			-ms-grid-row: 5;
			-ms-grid-column: 1;
		}
		#page6 .container>.toggle2 {
			-ms-grid-row: 7;
			-ms-grid-column: 1;
		}
		#page3 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page6 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 3;
			-ms-grid-column: 1;
		}
		#info .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page3 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#page6 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#info .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#page3 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page6 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 3;
			-ms-grid-column: 1;
		}
		#info .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page3 .container>.header, #page3 .container>.header, #page3 .container>.header, #page3 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#page6 .container>.header, #page6 .container>.header, #page6 .container>.header, #page6 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#info .container>.header, #info .container>.header, #info .container>.header, #info .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#page3 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page6 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 3;
			-ms-grid-column: 1;
		}
		#info .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page3 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page6 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 3;
			-ms-grid-column: 1;
		}
		#info .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page3 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#page6 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#info .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#page3 .container>.header, #page3 .container>.header, #page3 .container>.header, #page3 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#page6 .container>.header, #page6 .container>.header, #page6 .container>.header, #page6 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#info .container>.header, #info .container>.header, #info .container>.header, #info .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#page3 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page6 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 3;
			-ms-grid-column: 1;
		}
		#info .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page3 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page6 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 3;
			-ms-grid-column: 1;
		}
		#info .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page3 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#page6 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#info .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
	}
	@media only screen and (max-width:845px) and (orientation: landscape) {
		#page0 .header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#dimmer .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 5;
		}
		#page0 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page1 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page2 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page3 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page5 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page1 .toggle1 {
			-ms-grid-row: 3;
			-ms-grid-column: 1;
		}
		#dimmer .container>.toggle1 {
			-ms-grid-row: 3;
			-ms-grid-column: 1;
		}
		#page1 .container>.toggle1 {
			-ms-grid-row: 3;
			-ms-grid-column: 1;
		}
		#page2 .container>.toggle1 {
			-ms-grid-row: 3;
			-ms-grid-column: 1;
		}
		#page1 .toggle1 {
			-ms-grid-row: 3;
			-ms-grid-column: 1;
		}
		#page1 .toggle2 {
			-ms-grid-row: 7;
			-ms-grid-column: 1;
		}
		#dimmer .container>.toggle2 {
			-ms-grid-row: 3;
			-ms-grid-column: 5;
		}
		#page1 .container>.toggle2 {
			-ms-grid-row: 5;
			-ms-grid-column: 1;
		}
		#page2 .container>.toggle2 {
			-ms-grid-row: 5;
			-ms-grid-column: 1;
		}
		#page3 .container>.toggle2 {
			-ms-grid-row: 3;
			-ms-grid-row-span: 5;
			-ms-grid-column: 3;
		}
		#page5 .header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#dimmer .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 5;
		}
		#page0 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page1 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page2 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page3 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page5 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page0 .header, #page1 .header, #page2 .header, #page3 .header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#dimmer .container>.header, #dimmer .container>.header, #dimmer .container>.header, #dimmer .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 5;
		}
		#page0 .container>.header, #page0 .container>.header, #page0 .container>.header, #page0 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page1 .container>.header, #page1 .container>.header, #page1 .container>.header, #page1 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page2 .container>.header, #page2 .container>.header, #page2 .container>.header, #page2 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page3 .container>.header, #page3 .container>.header, #page3 .container>.header, #page3 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page5 .container>.header, #page5 .container>.header, #page5 .container>.header, #page5 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page0 .header, #page1 .header, #page2 .header, #page3 .header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#dimmer .container>.header, #dimmer .container>.header, #dimmer .container>.header, #dimmer .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 5;
		}
		#page0 .container>.header, #page0 .container>.header, #page0 .container>.header, #page0 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page1 .container>.header, #page1 .container>.header, #page1 .container>.header, #page1 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page2 .container>.header, #page2 .container>.header, #page2 .container>.header, #page2 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page3 .container>.header, #page3 .container>.header, #page3 .container>.header, #page3 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page5 .container>.header, #page5 .container>.header, #page5 .container>.header, #page5 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page1 .toggle2 {
			-ms-grid-row: 7;
			-ms-grid-column: 1;
		}
		#dimmer .container>.toggle2 {
			-ms-grid-row: 3;
			-ms-grid-column: 5;
		}
		#page1 .container>.toggle2 {
			-ms-grid-row: 5;
			-ms-grid-column: 1;
		}
		#page2 .container>.toggle2 {
			-ms-grid-row: 5;
			-ms-grid-column: 1;
		}
		#page3 .container>.toggle2 {
			-ms-grid-row: 3;
			-ms-grid-row-span: 5;
			-ms-grid-column: 3;
		}
		.content {
			-ms-grid-row: 5;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#dimmer .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 3;
		}
		#page0 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page1 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 3;
			-ms-grid-column: 3;
		}
		#page2 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 3;
			-ms-grid-column: 3;
		}
		#page3 .container>.content {
			-ms-grid-row: 5;
			-ms-grid-row-span: 3;
			-ms-grid-column: 1;
		}
		#page5 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#dimmer .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 5;
		}
		#page0 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page1 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page2 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page3 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page5 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#allOffPage .header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#dimmer .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 5;
		}
		#page0 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page1 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page2 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page3 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page5 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page2 .content {
			-ms-grid-row: 5;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#dimmer .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 3;
		}
		#page0 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page1 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 3;
			-ms-grid-column: 3;
		}
		#page2 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 3;
			-ms-grid-column: 3;
		}
		#page3 .container>.content {
			-ms-grid-row: 5;
			-ms-grid-row-span: 3;
			-ms-grid-column: 1;
		}
		#page5 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page0 .header, #page1 .header, #page2 .header, #page3 .header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#dimmer .container>.header, #dimmer .container>.header, #dimmer .container>.header, #dimmer .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 5;
		}
		#page0 .container>.header, #page0 .container>.header, #page0 .container>.header, #page0 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page1 .container>.header, #page1 .container>.header, #page1 .container>.header, #page1 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page2 .container>.header, #page2 .container>.header, #page2 .container>.header, #page2 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page3 .container>.header, #page3 .container>.header, #page3 .container>.header, #page3 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page5 .container>.header, #page5 .container>.header, #page5 .container>.header, #page5 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page0 .header, #page1 .header, #page2 .header, #page3 .header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#dimmer .container>.header, #dimmer .container>.header, #dimmer .container>.header, #dimmer .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 5;
		}
		#page0 .container>.header, #page0 .container>.header, #page0 .container>.header, #page0 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page1 .container>.header, #page1 .container>.header, #page1 .container>.header, #page1 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page2 .container>.header, #page2 .container>.header, #page2 .container>.header, #page2 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page3 .container>.header, #page3 .container>.header, #page3 .container>.header, #page3 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page5 .container>.header, #page5 .container>.header, #page5 .container>.header, #page5 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page1 .toggle2 {
			-ms-grid-row: 7;
			-ms-grid-column: 1;
		}
		#dimmer .container>.toggle2 {
			-ms-grid-row: 3;
			-ms-grid-column: 5;
		}
		#page1 .container>.toggle2 {
			-ms-grid-row: 5;
			-ms-grid-column: 1;
		}
		#page2 .container>.toggle2 {
			-ms-grid-row: 5;
			-ms-grid-column: 1;
		}
		#page3 .container>.toggle2 {
			-ms-grid-row: 3;
			-ms-grid-row-span: 5;
			-ms-grid-column: 3;
		}
		.content {
			-ms-grid-row: 5;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#dimmer .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 3;
		}
		#page0 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page1 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 3;
			-ms-grid-column: 3;
		}
		#page2 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 3;
			-ms-grid-column: 3;
		}
		#page3 .container>.content {
			-ms-grid-row: 5;
			-ms-grid-row-span: 3;
			-ms-grid-column: 1;
		}
		#page5 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#dimmer .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 5;
		}
		#page0 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page1 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page2 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page3 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page5 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page2 .content {
			-ms-grid-row: 5;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#dimmer .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 3;
		}
		#page0 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page1 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 3;
			-ms-grid-column: 3;
		}
		#page2 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 3;
			-ms-grid-column: 3;
		}
		#page3 .container>.content {
			-ms-grid-row: 5;
			-ms-grid-row-span: 3;
			-ms-grid-column: 1;
		}
		#page5 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page0 .header, #page1 .header, #page2 .header, #page3 .header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#dimmer .container>.header, #dimmer .container>.header, #dimmer .container>.header, #dimmer .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 5;
		}
		#page0 .container>.header, #page0 .container>.header, #page0 .container>.header, #page0 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page1 .container>.header, #page1 .container>.header, #page1 .container>.header, #page1 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page2 .container>.header, #page2 .container>.header, #page2 .container>.header, #page2 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page3 .container>.header, #page3 .container>.header, #page3 .container>.header, #page3 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page5 .container>.header, #page5 .container>.header, #page5 .container>.header, #page5 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page1 .content {
			-ms-grid-row: 5;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#dimmer .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 3;
		}
		#page0 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page1 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 3;
			-ms-grid-column: 3;
		}
		#page2 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 3;
			-ms-grid-column: 3;
		}
		#page3 .container>.content {
			-ms-grid-row: 5;
			-ms-grid-row-span: 3;
			-ms-grid-column: 1;
		}
		#page5 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page2 .content {
			-ms-grid-row: 5;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#dimmer .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 3;
		}
		#page0 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page1 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 3;
			-ms-grid-column: 3;
		}
		#page2 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 3;
			-ms-grid-column: 3;
		}
		#page3 .container>.content {
			-ms-grid-row: 5;
			-ms-grid-row-span: 3;
			-ms-grid-column: 1;
		}
		#page5 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#dimmer .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 5;
		}
		#page0 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page1 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page2 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page3 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page5 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page0 .header, #page1 .header, #page2 .header, #page3 .header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#dimmer .container>.header, #dimmer .container>.header, #dimmer .container>.header, #dimmer .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 5;
		}
		#page0 .container>.header, #page0 .container>.header, #page0 .container>.header, #page0 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page1 .container>.header, #page1 .container>.header, #page1 .container>.header, #page1 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page2 .container>.header, #page2 .container>.header, #page2 .container>.header, #page2 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page3 .container>.header, #page3 .container>.header, #page3 .container>.header, #page3 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page5 .container>.header, #page5 .container>.header, #page5 .container>.header, #page5 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page1 .content {
			-ms-grid-row: 5;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#dimmer .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 3;
		}
		#page0 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page1 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 3;
			-ms-grid-column: 3;
		}
		#page2 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 3;
			-ms-grid-column: 3;
		}
		#page3 .container>.content {
			-ms-grid-row: 5;
			-ms-grid-row-span: 3;
			-ms-grid-column: 1;
		}
		#page5 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page2 .content {
			-ms-grid-row: 5;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#dimmer .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 3;
		}
		#page0 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page1 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 3;
			-ms-grid-column: 3;
		}
		#page2 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 3;
			-ms-grid-column: 3;
		}
		#page3 .container>.content {
			-ms-grid-row: 5;
			-ms-grid-row-span: 3;
			-ms-grid-column: 1;
		}
		#page5 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
		}
		#dimmer .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 5;
		}
		#page0 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page1 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page2 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page3 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page5 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
	}
	@media only screen and (min-width:846px) and (max-width:1133px) and (orientation: landscape) {
		#page0 .header, #page1 .header, #page2 .header, #page3 .header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#allOffPage .container>.header, #allOffPage .container>.header, #allOffPage .container>.header, #allOffPage .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page2 .container>.header, #page2 .container>.header, #page2 .container>.header, #page2 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page0 .container>.header, #page0 .container>.header, #page0 .container>.header, #page0 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page1 .container>.header, #page1 .container>.header, #page1 .container>.header, #page1 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page2 .container>.header, #page2 .container>.header, #page2 .container>.header, #page2 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page3 .container>.header, #page3 .container>.header, #page3 .container>.header, #page3 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#info .container>.header, #info .container>.header, #info .container>.header, #info .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page0 .header, #page1 .header, #page2 .header, #page3 .header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#allOffPage .container>.header, #allOffPage .container>.header, #allOffPage .container>.header, #allOffPage .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page2 .container>.header, #page2 .container>.header, #page2 .container>.header, #page2 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page0 .container>.header, #page0 .container>.header, #page0 .container>.header, #page0 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page1 .container>.header, #page1 .container>.header, #page1 .container>.header, #page1 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page2 .container>.header, #page2 .container>.header, #page2 .container>.header, #page2 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page3 .container>.header, #page3 .container>.header, #page3 .container>.header, #page3 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#info .container>.header, #info .container>.header, #info .container>.header, #info .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page1 .toggle2 {
			-ms-grid-row: 7;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page2 .container>.toggle2 {
			-ms-grid-row: 7;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page1 .container>.toggle2 {
			-ms-grid-row: 5;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page2 .container>.toggle2 {
			-ms-grid-row: 7;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page3 .container>.toggle2 {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 3;
		}
		.content {
			-ms-grid-row: 5;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#allOffPage .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page2 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 5;
			-ms-grid-column: 3;
		}
		#page0 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page1 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 3;
			-ms-grid-column: 3;
		}
		#page2 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 7;
			-ms-grid-column: 3;
		}
		#page3 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#info .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#allOffPage .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page2 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page0 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page1 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page2 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page3 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#info .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#allOffPage .header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#allOffPage .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page2 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page0 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page1 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page2 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page3 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#info .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page2 .content {
			-ms-grid-row: 5;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#allOffPage .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page2 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 5;
			-ms-grid-column: 3;
		}
		#page0 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page1 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 3;
			-ms-grid-column: 3;
		}
		#page2 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 7;
			-ms-grid-column: 3;
		}
		#page3 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#info .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page0 .header, #page1 .header, #page2 .header, #page3 .header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#allOffPage .container>.header, #allOffPage .container>.header, #allOffPage .container>.header, #allOffPage .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page2 .container>.header, #page2 .container>.header, #page2 .container>.header, #page2 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page0 .container>.header, #page0 .container>.header, #page0 .container>.header, #page0 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page1 .container>.header, #page1 .container>.header, #page1 .container>.header, #page1 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page2 .container>.header, #page2 .container>.header, #page2 .container>.header, #page2 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page3 .container>.header, #page3 .container>.header, #page3 .container>.header, #page3 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#info .container>.header, #info .container>.header, #info .container>.header, #info .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page0 .header, #page1 .header, #page2 .header, #page3 .header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#allOffPage .container>.header, #allOffPage .container>.header, #allOffPage .container>.header, #allOffPage .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page2 .container>.header, #page2 .container>.header, #page2 .container>.header, #page2 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page0 .container>.header, #page0 .container>.header, #page0 .container>.header, #page0 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page1 .container>.header, #page1 .container>.header, #page1 .container>.header, #page1 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page2 .container>.header, #page2 .container>.header, #page2 .container>.header, #page2 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page3 .container>.header, #page3 .container>.header, #page3 .container>.header, #page3 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#info .container>.header, #info .container>.header, #info .container>.header, #info .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page1 .toggle2 {
			-ms-grid-row: 7;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page2 .container>.toggle2 {
			-ms-grid-row: 7;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page1 .container>.toggle2 {
			-ms-grid-row: 5;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page2 .container>.toggle2 {
			-ms-grid-row: 7;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page3 .container>.toggle2 {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 3;
		}
		.content {
			-ms-grid-row: 5;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#allOffPage .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page2 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 5;
			-ms-grid-column: 3;
		}
		#page0 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page1 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 3;
			-ms-grid-column: 3;
		}
		#page2 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 7;
			-ms-grid-column: 3;
		}
		#page3 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#info .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#allOffPage .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page2 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page0 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page1 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page2 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page3 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#info .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page2 .content {
			-ms-grid-row: 5;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#allOffPage .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page2 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 5;
			-ms-grid-column: 3;
		}
		#page0 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page1 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 3;
			-ms-grid-column: 3;
		}
		#page2 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 7;
			-ms-grid-column: 3;
		}
		#page3 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#info .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page0 .header, #page1 .header, #page2 .header, #page3 .header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#allOffPage .container>.header, #allOffPage .container>.header, #allOffPage .container>.header, #allOffPage .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page2 .container>.header, #page2 .container>.header, #page2 .container>.header, #page2 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page0 .container>.header, #page0 .container>.header, #page0 .container>.header, #page0 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page1 .container>.header, #page1 .container>.header, #page1 .container>.header, #page1 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page2 .container>.header, #page2 .container>.header, #page2 .container>.header, #page2 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page3 .container>.header, #page3 .container>.header, #page3 .container>.header, #page3 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#info .container>.header, #info .container>.header, #info .container>.header, #info .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page1 .content {
			-ms-grid-row: 5;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#allOffPage .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page2 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 5;
			-ms-grid-column: 3;
		}
		#page0 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page1 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 3;
			-ms-grid-column: 3;
		}
		#page2 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 7;
			-ms-grid-column: 3;
		}
		#page3 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#info .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page2 .content {
			-ms-grid-row: 5;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#allOffPage .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page2 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 5;
			-ms-grid-column: 3;
		}
		#page0 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page1 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 3;
			-ms-grid-column: 3;
		}
		#page2 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 7;
			-ms-grid-column: 3;
		}
		#page3 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#info .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#allOffPage .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page2 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page0 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page1 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page2 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page3 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#info .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page0 .header, #page1 .header, #page2 .header, #page3 .header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#allOffPage .container>.header, #allOffPage .container>.header, #allOffPage .container>.header, #allOffPage .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page2 .container>.header, #page2 .container>.header, #page2 .container>.header, #page2 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page0 .container>.header, #page0 .container>.header, #page0 .container>.header, #page0 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page1 .container>.header, #page1 .container>.header, #page1 .container>.header, #page1 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page2 .container>.header, #page2 .container>.header, #page2 .container>.header, #page2 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page3 .container>.header, #page3 .container>.header, #page3 .container>.header, #page3 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#info .container>.header, #info .container>.header, #info .container>.header, #info .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page1 .content {
			-ms-grid-row: 5;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#allOffPage .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page2 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 5;
			-ms-grid-column: 3;
		}
		#page0 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page1 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 3;
			-ms-grid-column: 3;
		}
		#page2 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 7;
			-ms-grid-column: 3;
		}
		#page3 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#info .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page2 .content {
			-ms-grid-row: 5;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#allOffPage .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page2 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 5;
			-ms-grid-column: 3;
		}
		#page0 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page1 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 3;
			-ms-grid-column: 3;
		}
		#page2 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 7;
			-ms-grid-column: 3;
		}
		#page3 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#info .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#allOffPage .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page2 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page0 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page1 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page2 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page3 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#info .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
	}
	@media only screen and (min-width:1134px) and (max-width:1200px) and (orientation: landscape) {
		#page0 .header, #page1 .header, #page2 .header, #page3 .header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page6 .container>.header, #page6 .container>.header, #page6 .container>.header, #page6 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page2 .container>.header, #page2 .container>.header, #page2 .container>.header, #page2 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page0 .container>.header, #page0 .container>.header, #page0 .container>.header, #page0 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page1 .container>.header, #page1 .container>.header, #page1 .container>.header, #page1 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page2 .container>.header, #page2 .container>.header, #page2 .container>.header, #page2 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page3 .container>.header, #page3 .container>.header, #page3 .container>.header, #page3 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#info .container>.header, #info .container>.header, #info .container>.header, #info .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page0 .header, #page1 .header, #page2 .header, #page3 .header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page6 .container>.header, #page6 .container>.header, #page6 .container>.header, #page6 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page2 .container>.header, #page2 .container>.header, #page2 .container>.header, #page2 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page0 .container>.header, #page0 .container>.header, #page0 .container>.header, #page0 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page1 .container>.header, #page1 .container>.header, #page1 .container>.header, #page1 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page2 .container>.header, #page2 .container>.header, #page2 .container>.header, #page2 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page3 .container>.header, #page3 .container>.header, #page3 .container>.header, #page3 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#info .container>.header, #info .container>.header, #info .container>.header, #info .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page1 .toggle2 {
			-ms-grid-row: 7;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page6 .container>.toggle2 {
			-ms-grid-row: 7;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page2 .container>.toggle2 {
			-ms-grid-row: 7;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page1 .container>.toggle2 {
			-ms-grid-row: 5;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page2 .container>.toggle2 {
			-ms-grid-row: 7;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page3 .container>.toggle2 {
			-ms-grid-row: 3;
			-ms-grid-row-span: 5;
			-ms-grid-column: 3;
		}
		.content {
			-ms-grid-row: 5;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page6 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 3;
			-ms-grid-column: 1;
		}
		#page2 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 5;
			-ms-grid-column: 3;
		}
		#page0 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page1 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 3;
			-ms-grid-column: 3;
		}
		#page2 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 7;
			-ms-grid-column: 3;
		}
		#page3 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 5;
			-ms-grid-column: 1;
		}
		#info .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page6 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page2 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page0 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page1 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page2 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page3 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#info .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page2 .content {
			-ms-grid-row: 5;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page6 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 3;
			-ms-grid-column: 1;
		}
		#page2 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 5;
			-ms-grid-column: 3;
		}
		#page0 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page1 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 3;
			-ms-grid-column: 3;
		}
		#page2 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 7;
			-ms-grid-column: 3;
		}
		#page3 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 5;
			-ms-grid-column: 1;
		}
		#info .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page0 .header, #page1 .header, #page2 .header, #page3 .header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page6 .container>.header, #page6 .container>.header, #page6 .container>.header, #page6 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page2 .container>.header, #page2 .container>.header, #page2 .container>.header, #page2 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page0 .container>.header, #page0 .container>.header, #page0 .container>.header, #page0 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page1 .container>.header, #page1 .container>.header, #page1 .container>.header, #page1 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page2 .container>.header, #page2 .container>.header, #page2 .container>.header, #page2 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page3 .container>.header, #page3 .container>.header, #page3 .container>.header, #page3 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#info .container>.header, #info .container>.header, #info .container>.header, #info .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page1 .content {
			-ms-grid-row: 5;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page6 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 3;
			-ms-grid-column: 1;
		}
		#page2 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 5;
			-ms-grid-column: 3;
		}
		#page0 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page1 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 3;
			-ms-grid-column: 3;
		}
		#page2 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 7;
			-ms-grid-column: 3;
		}
		#page3 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 5;
			-ms-grid-column: 1;
		}
		#info .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page2 .content {
			-ms-grid-row: 5;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page6 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 3;
			-ms-grid-column: 1;
		}
		#page2 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 5;
			-ms-grid-column: 3;
		}
		#page0 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page1 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 3;
			-ms-grid-column: 3;
		}
		#page2 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 7;
			-ms-grid-column: 3;
		}
		#page3 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 5;
			-ms-grid-column: 1;
		}
		#info .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page6 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page2 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page0 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page1 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page2 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page3 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#info .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page0 .header, #page1 .header, #page2 .header, #page3 .header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page6 .container>.header, #page6 .container>.header, #page6 .container>.header, #page6 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page2 .container>.header, #page2 .container>.header, #page2 .container>.header, #page2 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page0 .container>.header, #page0 .container>.header, #page0 .container>.header, #page0 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page1 .container>.header, #page1 .container>.header, #page1 .container>.header, #page1 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page2 .container>.header, #page2 .container>.header, #page2 .container>.header, #page2 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page3 .container>.header, #page3 .container>.header, #page3 .container>.header, #page3 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#info .container>.header, #info .container>.header, #info .container>.header, #info .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page1 .content {
			-ms-grid-row: 5;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page6 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 3;
			-ms-grid-column: 1;
		}
		#page2 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 5;
			-ms-grid-column: 3;
		}
		#page0 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page1 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 3;
			-ms-grid-column: 3;
		}
		#page2 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 7;
			-ms-grid-column: 3;
		}
		#page3 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 5;
			-ms-grid-column: 1;
		}
		#info .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page2 .content {
			-ms-grid-row: 5;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page6 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 3;
			-ms-grid-column: 1;
		}
		#page2 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 5;
			-ms-grid-column: 3;
		}
		#page0 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page1 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 3;
			-ms-grid-column: 3;
		}
		#page2 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 7;
			-ms-grid-column: 3;
		}
		#page3 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 5;
			-ms-grid-column: 1;
		}
		#info .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page6 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page2 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page0 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page1 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page2 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page3 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#info .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
	}
	@media only screen and (min-width:1201px) and (orientation: landscape) {
		#page0 .header, #page1 .header, #page2 .header, #page3 .header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page6 .container>.header, #page6 .container>.header, #page6 .container>.header, #page6 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page2 .container>.header, #page2 .container>.header, #page2 .container>.header, #page2 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page1 .container>.header, #page1 .container>.header, #page1 .container>.header, #page1 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page3 .container>.header, #page3 .container>.header, #page3 .container>.header, #page3 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#info .container>.header, #info .container>.header, #info .container>.header, #info .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page1 .content {
			-ms-grid-row: 5;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page6 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 3;
			-ms-grid-column: 1;
		}
		#page2 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 7;
			-ms-grid-column: 3;
		}
		#page1 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 3;
			-ms-grid-column: 1;
		}
		#page3 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 5;
			-ms-grid-column: 1;
		}
		#info .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page2 .content {
			-ms-grid-row: 5;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page6 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 3;
			-ms-grid-column: 1;
		}
		#page2 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 7;
			-ms-grid-column: 3;
		}
		#page1 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 3;
			-ms-grid-column: 1;
		}
		#page3 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 5;
			-ms-grid-column: 1;
		}
		#info .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page6 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page2 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page1 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page3 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#info .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page0 .header, #page1 .header, #page2 .header, #page3 .header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page6 .container>.header, #page6 .container>.header, #page6 .container>.header, #page6 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page2 .container>.header, #page2 .container>.header, #page2 .container>.header, #page2 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page1 .container>.header, #page1 .container>.header, #page1 .container>.header, #page1 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page3 .container>.header, #page3 .container>.header, #page3 .container>.header, #page3 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#info .container>.header, #info .container>.header, #info .container>.header, #info .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page1 .content {
			-ms-grid-row: 5;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page6 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 3;
			-ms-grid-column: 1;
		}
		#page2 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 7;
			-ms-grid-column: 3;
		}
		#page1 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 3;
			-ms-grid-column: 1;
		}
		#page3 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 5;
			-ms-grid-column: 1;
		}
		#info .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page2 .content {
			-ms-grid-row: 5;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page6 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 3;
			-ms-grid-column: 1;
		}
		#page2 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 7;
			-ms-grid-column: 3;
		}
		#page1 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 3;
			-ms-grid-column: 1;
		}
		#page3 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 5;
			-ms-grid-column: 1;
		}
		#info .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page6 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page2 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#page1 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page3 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#info .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
	}
	@media only screen and (min-width:1181px) and (orientation: portrait) {
		#page0 .header, #page1 .header, #page2 .header, #page3 .header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page1 .container>.header, #page1 .container>.header, #page1 .container>.header, #page1 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page3 .container>.header, #page3 .container>.header, #page3 .container>.header, #page3 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#info .container>.header, #info .container>.header, #info .container>.header, #info .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page1 .content {
			-ms-grid-row: 5;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page1 .container>.content {
			-ms-grid-row: 5;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page3 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 5;
			-ms-grid-column: 1;
		}
		#info .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page2 .content {
			-ms-grid-row: 5;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page1 .container>.content {
			-ms-grid-row: 5;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		#page3 .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 5;
			-ms-grid-column: 1;
		}
		#info .container>.content {
			-ms-grid-row: 3;
			-ms-grid-row-span: 1;
			-ms-grid-column: 1;
		}
		.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page1 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
		#page3 .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 3;
		}
		#info .container>.header {
			-ms-grid-row: 1;
			-ms-grid-column: 1;
			-ms-grid-column-span: 1;
		}
	}
	#demoWheel {
		width: 100%;
		height: 100%;
		position: relative;
		font-family: 'futura_md_bt';
		color: var(--sec);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		margin-top: 25px;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	#kelvinPicker, #ISPicker {
		width: 100%;
		position: relative;
		font-family: 'futura_md_bt';
		color: var(--sec);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	#kelvinPicker {
		margin-top: 15px;
	}
	.timelineContainer {
		grid-area: timelineContainer;
		border-radius: var(--rad);
		overflow-y: scroll;
		overflow-x: hidden;
		border: 2px solid var(--bor);
		-webkit-box-shadow: var(--shdw);
		box-shadow: var(--shdw);
		max-height: 60vh;
		width: 500px;
		margin: 30px;
		max-height: 50vh;
	}
	.scenesContainer {
		grid-area: scenesContainer;
		border-radius: var(--rad);
		overflow-y: scroll;
		overflow-x: hidden;
		border: 2px solid var(--bor);
		-webkit-box-shadow: var(--shdw);
		box-shadow: var(--shdw);
		max-height: 60vh;
		width: 500px;
		margin: 30px;
		max-height: 50vh;
	}
	.timeTitle {
		grid-area: timeTitle;
		display: block !important;
	}
	.scenesTitle {
		grid-area: scenesTitle;
		display: block !important;
	}
	.tlRel {
		grid-area: tlRel;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.scRel {
		grid-area: scRel;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.scenesContainer, .wpContainer {
		display: block !important;
	}
	#page1 .toggle1, #page3 .toggle1 {
		display: none;
	}
	.systemInfo {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.wpContainer {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-left: 60px;
	}
	#page3 .cpContainer {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		-ms-grid-rows: 5fr .5fr .5fr;
		grid-template-rows: 5fr .5fr .5fr;
	}
	#page3 .cpContainer>*:nth-child(1) {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#page3 .cpContainer>*:nth-child(2) {
		-ms-grid-row: 2;
		-ms-grid-column: 1;
	}
	#page3 .cpContainer>*:nth-child(3) {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}
	#page3 .knobBg {
		background-image: url(../images/sliderbg3.png);
		position: relative;
		font-family: 'futura_md_bt';
		color: var(--sec);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		background-size: cover;
		-webkit-transform: scale(1.2);
		-ms-transform: scale(1.2);
		transform: scale(1.2);
		background-repeat: no-repeat;
	}
	#page3 .toggle2 {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		margin-top: 0px;
	}
	.sliderContainer {
		margin-top: 5px;
		height: 62px;
		width: 92%;
		border-radius: 10px;
		position: relative;
		border-top: 0px solid #adaeb1;
		background-color: var(--scon);
		padding-top: 1px;
	}
	.intensityContainer {
		margin-top: 5px;
		height: 60px;
		width: 92%;
		border-radius: 10px;
		position: relative;
		border-top: 0px solid #adaeb1;
		background-color: var(--scon);
		padding-top: 1px;
		width: 40%;
		margin: 5px;
	}
	.sliderContainer, .intensityContainer:first-of-type {}
	.slider_title {
		padding: 0px 30px;
		margin: 14px 0px 0px 0px;
		color: var(--sec);
		font-size: 12px;
		text-transform: uppercase;
		text-align: left;
	}
	.sliderInput {
		display: none;
		position: absolute;
		left: 5px;
		top: 15px;
		color: var(--sec);
	}
	#page6 .sliderInput {
		display: block;
		color: var(--sec);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-top: -8px;
		text-align: center;
	}
	.amount {
		font-family: "futura_md_bt", sans-serif;
		font-weight: 400;
		background: transparent;
		font-size: 20px;
		opacity: 1;
		border: 0;
		margin-top: 5px;
		font-size: 14px;
		font-family: "futura_lt_bt", sans-serif;
		margin-top: 6px;
		color: var(--sec) !important;
		width: 47px;
	}
	#info .container {
		grid-area: container;
		height: 100%;
		display: -ms-grid;
		display: grid;
		grid-gap: 0%;
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		-ms-grid-rows: .5fr 0% 7fr;
		grid-template-rows: .5fr 7fr;
		grid-template-areas: "header" "content";
	}
	#info .content {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr 1fr 1fr;
		grid-template-columns: 1fr 1fr 1fr;
		-ms-grid-rows: 1fr 1fr;
		grid-template-rows: 1fr 1fr;
		grid-template-areas: "status group project" "status group info";
	}
	.timeContainer {
		grid-area: time;
		display: none;
	}
	.statusContainer {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: space-evenly;
		-ms-flex-pack: space-evenly;
		justify-content: space-evenly;
		margin-top: 30px;
		width: 350px;
		margin-right:20px;
	}
	.systemStatus {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: flex-start;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		overflow-y: scroll;
	}
	#info .slider, #page6 .slider {
		width: 80%;
	}
	#info .intSwitch input {
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		opacity: 0;
		z-index: 100;
		position: absolute;
		width: 100%;
		height: 100%;
		cursor: pointer;
	}
	#info .intSwitch {
		width: 180px;
		height: 55px;
		position: relative;
		margin: -40px 0px 0px 135px;
		-webkit-transform: scale(.3, .3);
		-ms-transform: scale(.3, .3);
		transform: scale(.3, .3);
	}
	#info .intSwitch label {
		display: block;
		width: 60%;
		height: 58px;
		position: relative;
		background: #202020;
		background: var(--btnGrad);
		border-radius: 30px 30px 30px 30px;
		-webkit-box-shadow: inset 0 3px 8px 1px rgb(0 0 0 / 50%), inset 0 1px 0 rgb(0 0 0 / 50%), 0 1px 0 rgb(255 255 255 / 10%);
		box-shadow: inset 0 3px 8px 1px rgb(0 0 0 / 50%), inset 0 1px 0 rgb(0 0 0 / 50%), 0 1px 0 rgb(255 255 255 / 10%);
		-webkit-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
	}
	#info .intSwitch input:checked~label {
		background: var(--ter);
		-webkit-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
	}
	#info .intSwitch input~label i {
		display: block;
		height: 55px;
		width: 55px;
		position: absolute;
		left: 0px;
		top: 0px;
		z-index: 2;
		border-radius: inherit;
		background: var(--han);
		-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 8px rgba(0, 0, 0, 0.3), 0 12px 12px rgba(0, 0, 0, 0.4);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 8px rgba(0, 0, 0, 0.3), 0 12px 12px rgba(0, 0, 0, 0.4);
		-webkit-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
	}
	#info .intSwitch label+span {
		content: "";
		position: absolute;
		right: 0px;
		top: -125px;
		width: 25px;
		height: 25px;
		border-radius: var(--rad);
		background: #283446;
		background: var(--off);
		-webkit-box-shadow: inset 0 1px 0 rgb(0 0 0 / 20%), 0 1px 0 rgb(255 255 255 / 10%), 0 0 10px rgb(185 231 253 / 0%), inset 0 0 8px rgb(0 0 0 / 90%), inset 0 -2px 5px rgb(0 0 0 / 30%), inset 0 -5px 5px rgb(0 0 0 / 50%);
		box-shadow: inset 0 1px 0 rgb(0 0 0 / 20%), 0 1px 0 rgb(255 255 255 / 10%), 0 0 10px rgb(185 231 253 / 0%), inset 0 0 8px rgb(0 0 0 / 90%), inset 0 -2px 5px rgb(0 0 0 / 30%), inset 0 -5px 5px rgb(0 0 0 / 50%);
		-webkit-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
		z-index: 2;
		display: inline-block;
	}
	#info .intSwitch input:checked~label+span {
		content: "";
		display: inline-block;
		position: absolute;
		width: 25px;
		height: 25px;
		border-radius: var(--rad);
		-webkit-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
		z-index: 2;
		background: #b9f3fe;
		background: var(--led);
		-webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 10px var(--btn), inset 0 0 8px var(--btn), inset 0 -2px 5px var(--btn), inset 0 -3px 8px var(--btn);
		box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 10px var(--btn), inset 0 0 8px var(--btn), inset 0 -2px 5px var(--btn), inset 0 -3px 8px var(--btn);
		top: -125px;
	}
	#info .intSwitch input:checked~label i {
		left: auto;
		left: 50%;
		-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 8px rgba(0, 0, 0, 0.3), 0 12px 12px rgba(0, 0, 0, 0.4);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 8px rgba(0, 0, 0, 0.3), 0 12px 12px rgba(0, 0, 0, 0.4);
		-webkit-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
	}
	#info .intSwitch On {
		display: inline-block;
		position: absolute;
		right: 5px;
		top: 20px;
		width: 18px;
		height: 18px;
		border-radius: 10px;
		color: var(--off);
		-webkit-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
		z-index: 2;
		font-family: var(--medFont);
		font-size: 24px;
	}
	#info .intSwitch Off {
		display: inline-block;
		position: absolute;
		left: -80px;
		top: 20px;
		width: 18px;
		height: 18px;
		border-radius: 10px;
		color: var(--off);
		text-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 10px rgba(185, 231, 253, 0), 0 0 8px rgba(255, 255, 255, .9), 0 -2px 5px rgba(255, 255, 255, 0.3), 0 -5px 5px rgba(255, 255, 255, 0.5);
		-webkit-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
		z-index: 2;
		font-size: 24px;
	}
	#allOffPage .content {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.groupSwitch input {
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		opacity: 0;
		z-index: 100;
		position: absolute;
		width: 100%;
		height: 100%;
		cursor: pointer;
	}
	.groupSwitch {
		width: 140px;
		height: 55px;
		position: absolute;
		-webkit-transform: scale(.3);
		-ms-transform: scale(.3);
		transform: scale(.3);
		right: -9%;
		top: -9%;
	}
	.groupSwitch input:checked label {
		background: var(--ter);
	}
	.groupSwitch label {
		display: block;
		width: 80%;
		height: 100%;
		position: relative;
		background: var(--sec);
		border-radius: 30px 30px 30px 30px;
		-webkit-box-shadow: inset 0 3px 8px 1px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.2);
		box-shadow: inset 0 3px 8px 1px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.2);
		-webkit-transition: all .5s ease;
		-o-transition: all .5s ease;
		transition: all .5s ease;
	}
	.groupSwitch input:checked~label {
		background: var(--ter);
	}
	.groupSwitch input~label i {
		display: block;
		height: 51px;
		width: 51px;
		position: absolute;
		left: 2px;
		top: 2px;
		z-index: 2;
		border-radius: inherit;
		background: #283446;
		background: var(--han);
		-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 8px rgba(0, 0, 0, 0.3), 0 12px 12px rgba(0, 0, 0, 0.4);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 8px rgba(0, 0, 0, 0.3), 0 12px 12px rgba(0, 0, 0, 0.4);
		-webkit-transition: all .5s ease;
		-o-transition: all .5s ease;
		transition: all .5s ease;
	}
	.groupSwitch label+span {
		content: "";
		display: inline-block;
		position: absolute;
		right: 0px;
		top: 17px;
		width: 18px;
		height: 18px;
		border-radius: 10px;
		background: #283446;
		background: var(--off);
		-webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 10px rgba(185, 231, 253, 0), inset 0 0 8px rgba(0, 0, 0, 0.9), inset 0 -2px 5px rgba(0, 0, 0, 0.3), inset 0 -5px 5px rgba(0, 0, 0, 0.5);
		box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 10px rgba(185, 231, 253, 0), inset 0 0 8px rgba(0, 0, 0, 0.9), inset 0 -2px 5px rgba(0, 0, 0, 0.3), inset 0 -5px 5px rgba(0, 0, 0, 0.5);
		-webkit-transition: all .5s ease;
		-o-transition: all .5s ease;
		transition: all .5s ease;
		z-index: 2;
	}
	.groupSwitch input:checked~label+span {
		content: "";
		display: inline-block;
		position: absolute;
		width: 18px;
		height: 18px;
		border-radius: 10px;
		-webkit-transition: all .5s ease;
		-o-transition: all .5s ease;
		transition: all .5s ease;
		z-index: 2;
		background: #b9f3fe;
		background: var(--led);
		-webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 10px var(--btn), inset 0 0 8px var(--btn), inset 0 -2px 5px var(--btn), inset 0 -3px 8px var(--btn);
		box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 10px var(--btn), inset 0 0 8px var(--btn), inset 0 -2px 5px var(--btn), inset 0 -3px 8px var(--btn);
	}
	.groupSwitch input:checked~label i {
		left: auto;
		left: 55%;
		-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 8px rgba(0, 0, 0, 0.3), 0 8px 8px rgba(0, 0, 0, 0.3), inset -1px 0 1px #b9f3fe;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 8px rgba(0, 0, 0, 0.3), 0 8px 8px rgba(0, 0, 0, 0.3), inset -1px 0 1px #b9f3fe;
		-webkit-transition: all .5s ease;
		-o-transition: all .5s ease;
		transition: all .5s ease;
	}
	.intensityContainer {
		margin-top: 5px;
		height: 60px;
		width: 92%;
		border-radius: 10px;
		position: relative;
		border-top: 0px solid #adaeb1;
		background-color: var(--scon);
		padding-top: 1px;
		width: 28%;
		margin: 20px 85px;
		-webkit-transform: scale(1.5, 1.5);
		-ms-transform: scale(1.5, 1.5);
		transform: scale(1.5, 1.5);
	}
	.splash {
		background-color: var(--pri);
		height: 100vh;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.splashLogo {
		width: 40vw;
	    max-height: 15vh;
	    height:10vh;
    	display: flex;
    	justify-content: center;
	}
	.panel>.footer {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}
	.panel>.container {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page1 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page3 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#info .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#allOffPage .header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page1 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page3 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#info .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#allOffPage .content {
		-ms-grid-row: 5;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page1 .container>.content {
		-ms-grid-row: 5;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page3 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 5;
		-ms-grid-column: 1;
	}
	#info .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	.logoContainer {
		-ms-grid-row: 1;
		-ms-grid-column: 2;
	}
	.logoContainer {
		-ms-grid-row: 1;
		-ms-grid-column: 2;
	}
	#page0 .header>.pageTitle, #page1 .header>.pageTitle, #page2 .header>.pageTitle, #page3 .header>.pageTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	.offContainer>.pageTitle {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#page0 .pageTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	#page0 .header>.pageTitle, #page1 .header>.pageTitle, #page2 .header>.pageTitle, #page3 .header>.pageTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	.offContainer>.pageTitle {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	.pageTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	#page0 .header>.help, #page1 .header>.help, #page2 .header>.help, #page3 .header>.help {
		-ms-grid-row: 1;
		-ms-grid-column: 3;
	}
	.help {
		-ms-grid-row: 1;
		-ms-grid-column: 3;
	}
	.toggle1 {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}
	#page1 .container>.toggle1 {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}
	#page1 .toggle1 {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}
	#page1 .container>.toggle1 {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}
	#page2 .toggle1 {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}
	#page1 .container>.toggle1 {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}
	.toggle2 {
		-ms-grid-row: 7;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page1 .container>.toggle2 {
		-ms-grid-row: 7;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page3 .container>.toggle2 {
		-ms-grid-row: 3;
		-ms-grid-row-span: 5;
		-ms-grid-column: 3;
	}
	#dimmer .toggle2 {
		-ms-grid-row: 7;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page1 .container>.toggle2 {
		-ms-grid-row: 7;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page3 .container>.toggle2 {
		-ms-grid-row: 3;
		-ms-grid-row-span: 5;
		-ms-grid-column: 3;
	}
	.content {
		-ms-grid-row: 5;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page1 .container>.content {
		-ms-grid-row: 5;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page3 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 5;
		-ms-grid-column: 1;
	}
	#info .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page1 .content {
		-ms-grid-row: 5;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page1 .container>.content {
		-ms-grid-row: 5;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page3 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 5;
		-ms-grid-column: 1;
	}
	#info .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page0 .header>.offTitle, #page1 .header>.offTitle, #page2 .header>.offTitle, #page3 .header>.offTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	.offContainer>.offTitle {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	.offTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	.toggleA {
		-ms-grid-row: 2;
		-ms-grid-column: 1;
	}
	.toggleB {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}
	.toggleC {
		-ms-grid-row: 4;
		-ms-grid-column: 1;
	}
	.offContainer .cancel {
		-ms-grid-row: 6;
		-ms-grid-column: 1;
	}
	.offContainer .release {
		-ms-grid-row: 5;
		-ms-grid-column: 1;
	}
	.systemStatusContainer {
		-ms-grid-row: 1;
		-ms-grid-row-span: 2;
		-ms-grid-column: 1;
	}
	.projectInfoContainer {
		-ms-grid-row: 1;
		-ms-grid-column: 3;
	}
	.groupStatusContainer {
		-ms-grid-row: 1;
		-ms-grid-row-span: 2;
		-ms-grid-column: 2;
	}
	.projectInfoContainer {
		-ms-grid-row: 1;
		-ms-grid-column: 3;
	}
	.systemInfoContainer {
		-ms-grid-row: 2;
		-ms-grid-column: 3;
	}
	.systemStatusContainer {
		-ms-grid-row: 1;
		-ms-grid-row-span: 2;
		-ms-grid-column: 1;
	}
	.groupStatusContainer {
		-ms-grid-row: 1;
		-ms-grid-row-span: 2;
		-ms-grid-column: 2;
	}
	.panel>.container {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#page0 .header, #page1 .header, #page2 .header, #page3 .header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page1 .container>.header, #page1 .container>.header, #page1 .container>.header, #page1 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page3 .container>.header, #page3 .container>.header, #page3 .container>.header, #page3 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#info .container>.header, #info .container>.header, #info .container>.header, #info .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#allOffPage .header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page1 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page3 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#info .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page0 .header, #page1 .header, #page2 .header, #page3 .header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page1 .container>.header, #page1 .container>.header, #page1 .container>.header, #page1 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page3 .container>.header, #page3 .container>.header, #page3 .container>.header, #page3 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#info .container>.header, #info .container>.header, #info .container>.header, #info .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	.panel>.container {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page1 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page3 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#info .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	.systemStatusContainer {
		-ms-grid-row: 1;
		-ms-grid-row-span: 2;
		-ms-grid-column: 1;
	}
	.projectInfoContainer {
		-ms-grid-row: 1;
		-ms-grid-column: 3;
	}
	.groupStatusContainer {
		-ms-grid-row: 1;
		-ms-grid-row-span: 2;
		-ms-grid-column: 2;
	}
	#page1 .toggle2 {
		-ms-grid-row: 7;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page1 .container>.toggle2 {
		-ms-grid-row: 7;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page3 .container>.toggle2 {
		-ms-grid-row: 3;
		-ms-grid-row-span: 5;
		-ms-grid-column: 3;
	}
	#page0 .header, #page1 .header, #page2 .header, #page3 .header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page1 .container>.header, #page1 .container>.header, #page1 .container>.header, #page1 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page3 .container>.header, #page3 .container>.header, #page3 .container>.header, #page3 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#info .container>.header, #info .container>.header, #info .container>.header, #info .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page1 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page3 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#info .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page0 .header, #page1 .header, #page2 .header, #page3 .header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page1 .container>.header, #page1 .container>.header, #page1 .container>.header, #page1 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page3 .container>.header, #page3 .container>.header, #page3 .container>.header, #page3 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#info .container>.header, #info .container>.header, #info .container>.header, #info .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	.panel>.container {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	.systemStatusContainer {
		-ms-grid-row: 1;
		-ms-grid-row-span: 2;
		-ms-grid-column: 1;
	}
	.projectInfoContainer {
		-ms-grid-row: 1;
		-ms-grid-column: 3;
	}
	.groupStatusContainer {
		-ms-grid-row: 1;
		-ms-grid-row-span: 2;
		-ms-grid-column: 2;
	}
	#page1 .toggle2 {
		-ms-grid-row: 7;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page1 .container>.toggle2 {
		-ms-grid-row: 7;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page3 .container>.toggle2 {
		-ms-grid-row: 3;
		-ms-grid-row-span: 5;
		-ms-grid-column: 3;
	}
	.panel>.footer {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}
	.panel>.container {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	.panel>.container {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#page0 .header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page1 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page3 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#info .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page0 .header>.pageTitle, #page1 .header>.pageTitle, #page2 .header>.pageTitle, #page3 .header>.pageTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	.offContainer>.pageTitle {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#page0 .pageTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	.panel>.container {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#page1 .toggle1 {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}
	#page1 .container>.toggle1 {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}
	#page1 .toggle2 {
		-ms-grid-row: 7;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page1 .container>.toggle2 {
		-ms-grid-row: 7;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page3 .container>.toggle2 {
		-ms-grid-row: 3;
		-ms-grid-row-span: 5;
		-ms-grid-column: 3;
	}
	.panel>.container {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#page5 .header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page1 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page3 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#info .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page0 .header, #page1 .header, #page2 .header, #page3 .header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page1 .container>.header, #page1 .container>.header, #page1 .container>.header, #page1 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page3 .container>.header, #page3 .container>.header, #page3 .container>.header, #page3 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#info .container>.header, #info .container>.header, #info .container>.header, #info .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	.panel>.footer {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}
	#page0 .header, #page1 .header, #page2 .header, #page3 .header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page1 .container>.header, #page1 .container>.header, #page1 .container>.header, #page1 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page3 .container>.header, #page3 .container>.header, #page3 .container>.header, #page3 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#info .container>.header, #info .container>.header, #info .container>.header, #info .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	.panel>.container {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#page0 .header>.pageTitle, #page1 .header>.pageTitle, #page2 .header>.pageTitle, #page3 .header>.pageTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	.offContainer>.pageTitle {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	.pageTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	#page0 .header>.pageTitle, #page1 .header>.pageTitle, #page2 .header>.pageTitle, #page3 .header>.pageTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	.offContainer>.pageTitle {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#page0 .pageTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	.panel>.container {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#page1 .toggle2 {
		-ms-grid-row: 7;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page1 .container>.toggle2 {
		-ms-grid-row: 7;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page3 .container>.toggle2 {
		-ms-grid-row: 3;
		-ms-grid-row-span: 5;
		-ms-grid-column: 3;
	}
	.content {
		-ms-grid-row: 5;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page1 .container>.content {
		-ms-grid-row: 5;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page3 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 5;
		-ms-grid-column: 1;
	}
	#info .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page1 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page3 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#info .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#allOffPage .header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page1 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page3 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#info .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page2 .content {
		-ms-grid-row: 5;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page1 .container>.content {
		-ms-grid-row: 5;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page3 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 5;
		-ms-grid-column: 1;
	}
	#info .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page0 .header, #page1 .header, #page2 .header, #page3 .header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page1 .container>.header, #page1 .container>.header, #page1 .container>.header, #page1 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page3 .container>.header, #page3 .container>.header, #page3 .container>.header, #page3 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#info .container>.header, #info .container>.header, #info .container>.header, #info .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	.panel>.footer {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}
	#page0 .header, #page1 .header, #page2 .header, #page3 .header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page1 .container>.header, #page1 .container>.header, #page1 .container>.header, #page1 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page3 .container>.header, #page3 .container>.header, #page3 .container>.header, #page3 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#info .container>.header, #info .container>.header, #info .container>.header, #info .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	.panel>.container {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#page0 .header>.pageTitle, #page1 .header>.pageTitle, #page2 .header>.pageTitle, #page3 .header>.pageTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	.offContainer>.pageTitle {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	.pageTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	#page0 .header>.pageTitle, #page1 .header>.pageTitle, #page2 .header>.pageTitle, #page3 .header>.pageTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	.offContainer>.pageTitle {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#page0 .pageTitle {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	.panel>.container {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#page1 .toggle2 {
		-ms-grid-row: 7;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page1 .container>.toggle2 {
		-ms-grid-row: 7;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page3 .container>.toggle2 {
		-ms-grid-row: 3;
		-ms-grid-row-span: 5;
		-ms-grid-column: 3;
	}
	.content {
		-ms-grid-row: 5;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page1 .container>.content {
		-ms-grid-row: 5;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page3 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 5;
		-ms-grid-column: 1;
	}
	#info .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page1 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page3 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#info .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page2 .content {
		-ms-grid-row: 5;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page1 .container>.content {
		-ms-grid-row: 5;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page3 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 5;
		-ms-grid-column: 1;
	}
	#info .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	.systemStatusContainer {
		-ms-grid-row: 1;
		-ms-grid-row-span: 2;
		-ms-grid-column: 1;
	}
	#page0 .header, #page1 .header, #page2 .header, #page3 .header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page1 .container>.header, #page1 .container>.header, #page1 .container>.header, #page1 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page3 .container>.header, #page3 .container>.header, #page3 .container>.header, #page3 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#info .container>.header, #info .container>.header, #info .container>.header, #info .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page1 .content {
		-ms-grid-row: 5;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page1 .container>.content {
		-ms-grid-row: 5;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page3 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 5;
		-ms-grid-column: 1;
	}
	#info .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page2 .content {
		-ms-grid-row: 5;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page1 .container>.content {
		-ms-grid-row: 5;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	#page3 .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 5;
		-ms-grid-column: 1;
	}
	#info .container>.content {
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		-ms-grid-column: 1;
	}
	.panel>.container {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page1 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	#page3 .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
	}
	#info .container>.header {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
	}
	.timelineContainer {
		-ms-grid-row: 2;
		-ms-grid-column: 1;
	}
	.scenesContainer {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	.timeTitle {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	.scenesTitle {
		-ms-grid-row: 1;
		-ms-grid-column: 2;
	}
	.tlRel {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	.scRel {
		-ms-grid-row: 1;
		-ms-grid-column: 2;
	}
	.panel>.container {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
}

@media only screen and (min-width:1201px) and (orientation: landscape) {
	.tlRel {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	.scRel {
		-ms-grid-row: 1;
		-ms-grid-column: 2;
	}
	.tlRel {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	.scRel {
		-ms-grid-row: 1;
		-ms-grid-column: 2;
	}
}

@media only screen and (min-width:1181px) and (orientation: portrait) {
	.tlRel {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	.scRel {
		-ms-grid-row: 1;
		-ms-grid-column: 2;
	}
}

@media only screen and (min-width:1201px) and (orientation: landscape) {
	.timelineContainer {
		-ms-grid-row: 2;
		-ms-grid-column: 1;
	}
	.scenesContainer {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	.timeTitle {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	.scenesTitle {
		-ms-grid-row: 1;
		-ms-grid-column: 2;
	}
	.timelineContainer {
		-ms-grid-row: 2;
		-ms-grid-column: 1;
	}
	.scenesContainer {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	.timeTitle {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	.scenesTitle {
		-ms-grid-row: 1;
		-ms-grid-column: 2;
	}
}

@media only screen and (min-width:1181px) and (orientation: portrait) {
	.timelineContainer {
		-ms-grid-row: 2;
		-ms-grid-column: 1;
	}
	.scenesContainer {
		-ms-grid-row: 2;
		-ms-grid-column: 2;
	}
	.timeTitle {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	.scenesTitle {
		-ms-grid-row: 1;
		-ms-grid-column: 2;
	}
}

@media only screen and (max-width:845px) and (orientation: landscape) {
	.footer {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	.footer {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	.footer {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
}

@media only screen and (min-width:846px) and (max-width:1133px) and (orientation: landscape) {
	.footer {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	.footer {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
}

@media only screen and (min-width:1134px) and (max-width:1200px) and (orientation: landscape) {
	.footer {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
}

@media only screen and (min-width:1201px) and (orientation: landscape) {
	#page1 .container {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#info .container {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#page1 .container {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	#info .container {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
}

@media only screen and (min-width:1181px) and (orientation: portrait) {
	.panel>.container {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	.panel>.container {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
}