/* -------------------------------- 
	  Body Initialization
	-------------------------------- */
	*,
	*::before,
	*::after {
		box-sizing: border-box;
	}
	
	html {
		font-size: 18px;
		font-family: 'Open Sans', HelveticaNeue, 'Helvetica Neue', Helvetica, Arial, sans-serif;
		height: 100%;
		margin: 0;
		padding: 0;
	}
	
	body {
		font-size: 1rem;
		font-family: 'Open Sans', HelveticaNeue, 'Helvetica Neue', Helvetica, Arial, sans-serif;
		height: 100%;
		overflow-x: hidden;
		overflow-y: hidden;
		margin: 0;
		padding: 0;
		color: #3e454c;
		background-color:#fff;
	}
	
	:focus {
		outline: none;
	}
	
	/* -------------------------------- 
	  Custom Fonts
	-------------------------------- */
	/* open-sans-300 - latin */
	@font-face {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: 300;
		src: url('../fonts/open-sans-v13-latin-300.eot');
		/* IE9 Compat Modes */
		src: local('Open Sans Light'), local('OpenSans-Light'),
			url('../fonts/open-sans-v13-latin-300.eot?#iefix') format('embedded-opentype'),
			/* IE6-IE8 */
			url('../fonts/open-sans-v13-latin-300.woff2') format('woff2'),
			/* Super Modern Browsers */
			url('../fonts/open-sans-v13-latin-300.woff') format('woff'),
			/* Modern Browsers */
			url('../fonts/open-sans-v13-latin-300.ttf') format('truetype'),
			/* Safari, Android, iOS */
			url('../fonts/open-sans-v13-latin-300.svg#OpenSans') format('svg');
		/* Legacy iOS */
	}
	
	/* open-sans-300italic - latin */
	@font-face {
		font-family: 'Open Sans';
		font-style: italic;
		font-weight: 300;
		src: url('../fonts/open-sans-v13-latin-300italic.eot');
		/* IE9 Compat Modes */
		src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'),
			url('../fonts/open-sans-v13-latin-300italic.eot?#iefix') format('embedded-opentype'),
			/* IE6-IE8 */
			url('../fonts/open-sans-v13-latin-300italic.woff2') format('woff2'),
			/* Super Modern Browsers */
			url('../fonts/open-sans-v13-latin-300italic.woff') format('woff'),
			/* Modern Browsers */
			url('../fonts/open-sans-v13-latin-300italic.ttf') format('truetype'),
			/* Safari, Android, iOS */
			url('../fonts/open-sans-v13-latin-300italic.svg#OpenSans') format('svg');
		/* Legacy iOS */
	}
	
	/* open-sans-regular - latin */
	@font-face {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: 400;
		src: url('../fonts/open-sans-v13-latin-regular.eot');
		/* IE9 Compat Modes */
		src: local('Open Sans'), local('OpenSans'),
			url('../fonts/open-sans-v13-latin-regular.eot?#iefix') format('embedded-opentype'),
			/* IE6-IE8 */
			url('../fonts/open-sans-v13-latin-regular.woff2') format('woff2'),
			/* Super Modern Browsers */
			url('../fonts/open-sans-v13-latin-regular.woff') format('woff'),
			/* Modern Browsers */
			url('../fonts/open-sans-v13-latin-regular.ttf') format('truetype'),
			/* Safari, Android, iOS */
			url('../fonts/open-sans-v13-latin-regular.svg#OpenSans') format('svg');
		/* Legacy iOS */
	}
	
	/* open-sans-italic - latin */
	@font-face {
		font-family: 'Open Sans';
		font-style: italic;
		font-weight: 400;
		src: url('../fonts/open-sans-v13-latin-italic.eot');
		/* IE9 Compat Modes */
		src: local('Open Sans Italic'), local('OpenSans-Italic'),
			url('../fonts/open-sans-v13-latin-italic.eot?#iefix') format('embedded-opentype'),
			/* IE6-IE8 */
			url('../fonts/open-sans-v13-latin-italic.woff2') format('woff2'),
			/* Super Modern Browsers */
			url('../fonts/open-sans-v13-latin-italic.woff') format('woff'),
			/* Modern Browsers */
			url('../fonts/open-sans-v13-latin-italic.ttf') format('truetype'),
			/* Safari, Android, iOS */
			url('../fonts/open-sans-v13-latin-italic.svg#OpenSans') format('svg');
		/* Legacy iOS */
	}
	
	/* open-sans-700 - latin */
	@font-face {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: 700;
		src: url('../fonts/open-sans-v13-latin-700.eot');
		/* IE9 Compat Modes */
		src: local('Open Sans Bold'), local('OpenSans-Bold'),
			url('../fonts/open-sans-v13-latin-700.eot?#iefix') format('embedded-opentype'),
			/* IE6-IE8 */
			url('../fonts/open-sans-v13-latin-700.woff2') format('woff2'),
			/* Super Modern Browsers */
			url('../fonts/open-sans-v13-latin-700.woff') format('woff'),
			/* Modern Browsers */
			url('../fonts/open-sans-v13-latin-700.ttf') format('truetype'),
			/* Safari, Android, iOS */
			url('../fonts/open-sans-v13-latin-700.svg#OpenSans') format('svg');
		/* Legacy iOS */
	}
	
	/* open-sans-700italic - latin */
	@font-face {
		font-family: 'Open Sans';
		font-style: italic;
		font-weight: 700;
		src: url('../fonts/open-sans-v13-latin-700italic.eot');
		/* IE9 Compat Modes */
		src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
			url('../fonts/open-sans-v13-latin-700italic.eot?#iefix') format('embedded-opentype'),
			/* IE6-IE8 */
			url('../fonts/open-sans-v13-latin-700italic.woff2') format('woff2'),
			/* Super Modern Browsers */
			url('../fonts/open-sans-v13-latin-700italic.woff') format('woff'),
			/* Modern Browsers */
			url('../fonts/open-sans-v13-latin-700italic.ttf') format('truetype'),
			/* Safari, Android, iOS */
			url('../fonts/open-sans-v13-latin-700italic.svg#OpenSans') format('svg');
		/* Legacy iOS */
	}
	
	
	/* -------------------------------- 
	  Main Element Wrappers
	-------------------------------- */
	.admin {
		--spacing: 1rem;
		display: flex;
		flex-wrap: wrap;
		display: grid;
		height: 100vh;
		grid-template-rows: 70px 1fr 70px;
		grid-template-columns: 190px 1fr;
		grid-template-areas: "header header""nav    main""footer footer";
	}
	
	.admin__header {
		display: flex;
		flex-basis: 100%;
		grid-area: header;
		height: 70px;
		background-color: #fff;
		position: relative;
	}
	
	.admin__nav {
		flex: 0 0 175px;
		grid-area: nav;
		background-color: #2d353c;
		/* 
		  LANA CHANGES
		background-color: rgba(5, 21, 12, .85);
		*/
		/* 
		  JAY CHANGES */
		background-color: #002755;
		
	}
	
	.admin__main {
		flex: 1;
		grid-area: main;
		padding: var(--spacing);
		overflow-y: auto;
		overflow-x: hidden;
		-webkit-overflow-scrolling: touch;
		background-color: #dee2e6;
	}
	
	.admin__footer {
		display: flex;
		grid-area: footer;
		flex-basis: 100%;
		justify-content: space-between;
		align-items: center;
		height: 70px;
		padding: 0 var(--spacing);
		/* color: #4e5561; */
		color: #5b637;
		/* background-color: #1d2127; */
		background-color: black;
		font-size: .8rem;
	}
	
	.admin__footer__left{
		padding-left:15px;
		line-height: 1.6;
		color:#ccc;
		font-size:.8rem;
		width:250px;
	}
	@media screen and (min-width: 48rem) {
		.admin {
			--spacing: 1rem;
		}
	}
	
	/* -------------------------------- 
	  Content Blocks - Multiple Sizes
	-------------------------------- */
	.dashboard {
		--column-count: 3;
		display: flex;
		flex-wrap: wrap;
		margin: 0 calc(var(--spacing) * -0.5);
		display: grid;
		grid-template-columns: repeat(var(--column-count), 1fr);
		grid-gap: calc(var(--spacing) * 2);
	}
	
	.dashboard__item {
		flex: 1 1 50%;
		grid-column-end: span 2;
		padding: calc(var(--spacing) / 2);
	}
	
	.dashboard__item--full {
		flex-basis: 100%;
		grid-column: 1/-1;
	}
	
	.dashboard__item--col {
		flex-basis: calc(100% / var(--column-count));
		grid-column-end: span 1;
	}
	
	.dashboard__login {
		width: calc(100% - 30px);
		height: calc(50% + 165px);
		display: flex;
		justify-content: center;
		align-items: flex-end;
	}
	
	.dashboard__item--login {
		align-self: center;
		marxgin-bottom: 150px;
	}
	
	@media screen and (min-width: 262rem) {
		.dashboard {
			--column-count: 4;
		}
	}
	
	@supports (display: grid) {
		.dashboard {
			margin: 0;
		}
	
		.dashboard__item {
			padding: 0;
		}
	}
	
	/* -------------------------------- 
	  Basic Elements
	-------------------------------- */
	a {
		color: #dc5a60;
		text-decoration: none;
	}
	
	img {
		max-width: 100%;
		height: auto;
	}
	
	hr {
		border: 0;
		height: 1px;
		background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
		background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
		background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
		background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
		max-width: 100%;
	}
	
	h2 {
		color: #3e454c;
		font-weight: 500;
		margin-top: 0;
		color: #666;
		font-size: 1.3rem;
		font-weight: 400;
	}
	
	h3 {
		font-size: 20px;
		line-height: 22px;
		font-weight: 600;
		font-style: normal;
		color: rgb(34, 34, 34);
		float: left;
	}
	
	h4 {
		font-size: 18px;
		line-height: 19.8px;
		font-weight: 600;
		font-style: normal;
		color: rgb(34, 34, 34);
		float: left;
	}
	
	li {
		padding-bottom: 6px;
	}
	
	/* -------------------------------- 
	  Form Elements
	-------------------------------- */
	label {
		text-align: left;
		color: #555555;
	}
	
	input, textarea {
		font-size: 1.1rem;
		color: #555;
		outline: none;
		border: 1px solid #bbb;
		padding: 8px 18px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		position: relative;
		margin-top: 10px;
		margin-bottom: 35px;
		max-width: 800px;
	}
	
	input:-internal-autofill-selected {
		bxackground-color: #eee !important;
	}
	
	input[type=checkbox] {
		/* All browsers except webkit*/
		traxnsform: scale(1.5);
		/* Webkit browsers*/
		color: #000;
	}
	
	input[type="search"]::-webkit-search-decoration,
	input[type="search"]::-webkit-search-cancel-button,
	input[type="search"]::-webkit-search-results-button,
	input[type="search"]::-webkit-search-results-decoration {
		display: none;
	}
	
	&:-webkit-autofill::first-line,
	&:-webkit-autofill,
	&:-webkit-autofill:hover,
	&:-webkit-autofill:focus,
	&:-webkit-autofill:active,
	input::-internal-input-suggested {
		font-size: 1.1em !important;
		line-height: 1.4em !important;
		color: #222 !important;
		font-weight: 400 !important;
		margin: 3px 6px 16px 3px;
		padding: 3px;
		width: 100%;
		font-family: "Open Sans", sans-serif;
	}
	
	select {
		font-size: 1.1rem;
		color: #555;
		outline: none;
		border: 1px solid #bbb;
		padding: 8px 18px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		position: relative;
		margin-top: 10px;
		margin-bottom: 35px;
		max-width: 800px;
	}
	
	#passform select {
		padding: 4px 5px;
	}
	
	/*---------------------------------------------
	  Feel free to delete this if you don't like it.
	-----------------------------------------------*/
	button#davidtestbutton {
		background-color: transparent;
		color: #5D9575;
		border: 1px solid #5D9575;
		transition: 0.3s;
	}
	
	button#davidtestbutton:hover {
		background-color: #5D9575;
		color: #fff;
		border: none;
	}
	/*---------------------------------------------
	-----------------------------------------------*/
	
	button,
	input[type="submit"] {
		border: none;
		display: inline-block;
		white-space: nowrap;
		zoom: 1;
		display: inline;
		/*background-color:rgb(24, 104, 58,.6);*/
		color: #515151;
		font-size: 1.1rem;
		font-weight:normal;
		margin-right: 5px !important;
		min-width: 60px;
		padding: 10px 30px;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		cursor: pointer;
	}
	
	button:focus,
	input[type="submit"]:focus,
	button:hover,
	input[type="submit"]:hover {
		opacity:.6;
		color: #fff;
	}

	button.AlarmsButton {
		font-size: 1.6rem;
		background-color: #fff;
		color: #cacaca;
		padding: 10px 15px;
		border: none;
	}

	button.AlarmsButtonActive {
		font-size: 1.6rem;
		background-color: #fff;
		animation: active-alarm .5s infinite;
		padding: 10px 15px;
		border: none;
	}
			
	.LogonLabel {
		font-size: 1.2rem;
	}
	
	.LoginInput {
		font-size: 1.1em !important;
		line-height: 1.4em !important;
		color: #222 !important;
		font-weight: 400 !important;
		margin: 3px 6px 16px 3px;
		padding: 3px;
		width: 100%;
		font-family: "Open Sans", sans-serif;
	}
	
	.Logo {
		display: flex;
		flex: 0 0 190px;
		height: 71px;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		position: relative;
		margin: 0;
		color: #666;
		background-color: #002755;
		font-size: .95rem;
		font-weight: 600;
		padding:10px;
	}
	
	.Logo h1 {
		margin: 0;
	}
	
	.LogoImage {
		height: 82px;
		padding:6px;
		padding-top:8px;
	}
	
	.LogoDescription {
		margin: 0;
		margin-left: 10px;
		margin-top: -4px;
		text-align: left !important;
		color: #222;
		font-size: 1rem;
	}
	
	.UserLogout {
		color: #222;
		font-size: .9rem;
		margin-right: 0;
		text-align: center;
		align-self: flex-end;
	}
	
	.UserLogoutText {
		font-size: .8rem;
		margin-right: 0;
		font-weight: bold;
	}
	
	.toolbar {
		display: flex;
		flex: 1;
		justify-content: space-between;
		align-items: center;
		padding: 0 var(--spacing);
		box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
	}
	
	.menu {
		list-style-type: none;
		padding: 0;
	}
	
	.menu__item {}
	
	.menu__link {
		display: block;
		padding: .2rem 1.6rem;
		color: rgba(255, 255, 255, .4);
		/* 
		  LANA CHANGES
		color: rgba(204, 204, 204, 1);
		*/
		/* 
		  JAY CHANGES  */
		color: rgba(255,255,255, .5);
		
		text-decoration: none;
		font-size: .9rem;
	}
	
	.MenuSubText:hover,
	.MenuSubText:focus,
	.menu__link:hover,
	.menu__link:focus,
	.ActiveMenuItem .menu__link {
		color: #fff;
		background-color: rgba(255,255,255, .3);
		font-weight:normal;
	}
	
	.ActiveMenuItem .menu__link {
		color: #ddd;
		foxnt-weight:bold;
		background-color: rgba(255,255,255, .2);
		/*rgb(100,157,126)*/
	}
	
	.MenuSubText {
		display: block;
		padding-left: 8px;
		padding-top: 4px;
		padding-bottom: 4px;
		margin-top: 10px;
		font-weight: 600;
		color: rgba(255, 255, 255, .4);
		cursor:pointer;
		/* 
		  LANA CHANGES
		color: rgba(204, 204, 204, .9);
		font-size:1.2rem;
		/* padding-top: 18px; */
		/* font-weight: bold; 
		*/
		/* 
		  JAY CHANGES */
		color: rgba(255,255,255, .5);
		font-size:.9rem;  
		/* padding-top: 18px; */
		/* font-weight: bold; 
		*/
		
	}
	
	.openclose{
		font-weight:normal;
		font-size:.8rem;
		float:right;
		padding-right:20px;
	}
	.closed{
		display:none;
	}
	.card {
		height: 100%;
		padding: 1rem;
		padding-left: 1.5rem;
		padding-right: 1.5rem;
		font-size: 1.2rem;
		font-weight: 400;
		background-color: #fff;
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
		transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
		color: #666;
	}
	
	.ticker {
		list-style-type: none;
		padding: 0;
		margin: 0;
		display: flex;
		flex-wrap: wrap;
	}
	
	.ticker__item {
		margin-right: 1rem;
	}
	
	
	/* -------------------------------- 
	  Custom Buttons	
	-------------------------------- */
	button.confirmme {
		background-color: #5cb85c;
	}
	
	button.denyme {
		background-color: #d9534f;
	}
	
	button.green_button {
		background-color: #5cb85c;
	}
	
	button.green_button:hover,
	button.green_button:focus,
	button.green_button:active {
		background-color: #449d44;
	}
	
	button.blue_button {
		color: #fff;
		background-color: #337ab7;
		border-color: #2e6da4;
	}
	
	button.blue_button:hover,
	button.blue_button:focus,
	button.blue_button:active {
		color: #fff;
		background-color: #286090;
		background-image: none;
		border-color: #204d74;
	}
	
	button.gray_button,
	button.grey_button {
		color: #444;
		background-color: #e6e6e5;
		font-weight: 500;
	}
	
	button.gray_button:hover,
	button.gray_button:focus,
	button.gray_button:active,
	button.grey_button:hover,
	button.grey_button:focus,
	button.grey_button:active {
		color: #444;
		background-color: #c2c2c2;
		border-color: #aaa;
	}
	
	button.red_button {
		color: #fff;
		background-color: #d9534f;
		border-color: #d43f3a;
	}
	
	button.red_button:hover,
	button.red_button:focus,
	button.red_button:active {
		color: #fff;
		background-color: #c9302c;
		border-color: #761c19;
	}
	
	#no_match_button {
		background-color: #d5d2cc;
	}
	
	
	/* -------------------------------- 
	  SW Upload Styles	
	-------------------------------- */
	.uploadscontainer {
		width: auto;
		max-width: 680px;
		padding: 0 15px;
	}
	
	.progress {
		margin-bottom: 0;
		margin-top: 6px;
		margin-left: 10px;
	}
	
	
	/* -------------------------------- 
	  Code for new form fields using javascript	
	-------------------------------- */
	.outer-wrapper {
		position: relative;
		margin: 0 10px;
		display: inline-block;
		height: 110px;
	}
	
	.input-wrapper {
		position: relative;
		line-height: 14px;
		margin: 0 10px;
		display: inline-block;
	}
	
	label.combined {
		color: #bbb;
		position: absolute;
		z-index: 2;
		left: 20px;
		top: 14px;
		padding: 0 2px;
		pointer-events: none;
		background: #fff;
		-webkit-transition: -webkit-transform 100ms ease;
		-moz-transition: -moz-transform 100ms ease;
		-o-transition: -o-transform 100ms ease;
		-ms-transition: -ms-transform 100ms ease;
		transition: transform 100ms ease;
		-webkit-transform: translateY(-18px);
		-moz-transform: translateY(-18px);
		-o-transform: translateY(-18px);
		-ms-transform: translateY(-18px);
		transform: translateY(-18px);
	}
	
	.padded_select {
		border: 1px solid #bbb;
		padding: 8px 18px;
		box-shadow: rgba(255, 255, 255, 0.8) 0px 0px 2px;
	}
	
	#message1 {
		position: absolute;
		left: 50px;
		top: 45px;
	}
	
	#message2 {
		position: absolute;
		left: 50px;
		top: 45px;
	}
	
	span.hint {
		font: normal 11px/14px verdana;
		background: #eee url(../images/bg-span-hint-gray.gif) no-repeat top left;
		border-color: #749e5c;
		color: #444;
		border: 1px solid #888;
		padding: 5px 5px 5px 40px;
		width: 250px;
		min-height: 30px;
		position: absolute;
		left: 300px;
		top: 9px;
		margin: -12px 0 0 14px;
		display: none;
	}
	
	div.welldone span.hint,
	fieldset.welldone_1 span.hint {
		background: #9fd680 url(../images/bg-span-hint-welldone.jpg) no-repeat top left;
		border-color: #749e5c;
		color: #000;
	}
	
	div.kindagood span.hint,
	fieldset.kindagood_1 span.hint {
		background: #ffffcc url(../images/bg-span-hint-kindagood.jpg) no-repeat top left;
		border-color: #cc9933;
	}
	
	#waiting {
		z-index: 1999;
		width: 250px;
		height: 100px;
		display: none;
		position: absolute;
		color: #000000;
		background-color: #cccccc;
		top: 50%;
		left: 50%;
		margin-top: -100px;
		margin-left: -175px;
		opacity: 1;
		filter: alpha(opacity=100);
	}
	
	
	/* -------------------------------- 
	  Custom Headers and Titles	
	-------------------------------- */
	.tabtitle {
		color: #444;
		font-size: 1.5rem;
		font-weight: 300;
		text-align: left;
		margin-left: 0;
		margin-right: 5px;
	}
	
	.smallTitle {
		font-weight: 400;
		font-size: 1.1rem;
		color: #444;
	}
	
	.tabtitlePopup {
		color: #444;
		font-size: 1.5rem;
		font-weight: 300;
		text-align: left;
		margin-left: 0;
		margin-right: 5px;
	}
	
	.tabtitleSection,
	.PopupSectionTitle {
		color: #444;
		font-size: 1.1em;
		font-weight: bold;
		text-align: left;
		margin-left: 0;
		margin-right: 5px;
	}
	
	
	/* -------------------------------- 
	  Alerts Screen	
	-------------------------------- */
	.tabtitleAlert {
		color: inherit !important;
		font-weight: bold !important;
	}
	
	.tabtitleAlertSection {
		color: #444;
		font-size: 1.3rem;
		font-weight: bold;
		text-align: left;
		margin-left: 0;
		margin-right: 5px;
	}
	
	.DetailedAlert {
		margin-right: 50px;
		text-align: left;
		min-width: 250px;
		max-width: 250px;
		box-sizing: border-box;
		min-height: 0;
		word-break: break-all;
	}
	
	.DetailedAlertGroup {
		margin-right: 50px;
		padding: 5px 5px !important;
		font-size: 1rem !important;
		text-align: left;
		min-width: 250px;
		max-width: 250px;
		box-sizing: border-box;
		min-height: 0;
		word-break: break-all;
	}
	
	.DetailedAlertLabel {
		text-align: left;
		box-sizing: border-box;
		word-break: normal;  /* Changed from break-all */
		color: #333;
		font-size: 1rem !important;
		font-weight: bold;
	}
	
	.DetailedAlertInput {
		margin-right: 50px;
		text-align: left;
		min-width: 250px;
		max-width: 250px;
		box-sizing: border-box;
		min-height: 0;
		word-break: break-all;
		padding: 5px 5px !important;
		font-size: 1rem !important;
	}
	
	.DetailedAlertInputWide {
		margin-right: 50px;
		text-align: left;
		min-width: 550px;
		max-width: 550px;
		box-sizing: border-box;
		min-height: 0;
		word-break: break-all;
		padding: 5px 5px !important;
		font-size: 1rem !important;
	}
	
	.AlertUneditable {
		pointer-events: none;
		padding: 0px 0px;
	}
	
	.AlertType {
		xxxbackground-color: #EFEFEF;
		border-radius: 0px;
		border: 1px solid #D0D0D0;
		text-align: center;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-weight: bold;
		xxxcolor: #444;
		font-size: 1em;
		width: 300px;
		margin-right: -5px;
		margin-left: 0;
		margin-top: 2px;
		background-color: rgb(211,211,211,1);
		color: #515151;
		
	}
	
	.AlertType:hover {
		background-color: #bbb;
		border-radius: 4px;
		opacxity: .9;
		color: #111 !important;
	}
	
	.SelectedAlert {
		xxbackground-color: #bbb;
		opacxity: .9;
		colxor: #fff;
		background-color: crimson;
		color: #ddd;
	}
	
	.SelectedAlert:hover {
		opaxcity: .9;
	}
	
	
	/* -------------------------------- 
	  Loader
	-------------------------------- */
	.Loader {
		position: fixed;
		z-index: 100000;
		margin-left: -30px;
		width: calc(100% + 30px);
		margin-top: -30px;
		height: calc(100% + 30px);
		background-repeat: no-repeat;
		background-position: center center;
		background-image: url(../images/Loading.svg);
		background-color: rgba(0, 0, 0, .8);
		/*rgba(102, 102, 102, .8)*/
	}
	
	
	/* -------------------------------- 
	  jquery-ui Tooltips
	-------------------------------- */
	.ui-tooltip,
	.arrow:after {
		background: rgba(0, 0, 0, 0.9);
		border: 0px solid black;
	}
	
	.ui-tooltip {
		padding: 7px 7px;
		color: #eee;
		border-radius: 3px;
		font: bold 14px "Helvetica Neue", Sans-Serif;
		box-shadow: 0 0 7px black;
	}
	
	/* -------------------------------- 
	  Date Time Picker 
	-------------------------------- */
	.ui-timepicker-div .ui-widget-header {
		margin-bottom: 8px;
	}
	
	.ui-timepicker-div dl {
		text-align: left;
	}
	
	.ui-timepicker-div dl dt {
		float: left;
		clear: left;
		padding: 0 0 0 5px;
	}
	
	.ui-timepicker-div dl dd {
		margin: 0 10px 10px 40%;
	}
	
	.ui-timepicker-div td {
		font-size: 90%;
	}
	
	.ui-tpicker-grid-label {
		background: none;
		border: none;
		margin: 0;
		padding: 0;
	}
	
	.ui-timepicker-div .ui_tpicker_unit_hide {
		display: none;
	}
	
	.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input {
		background: none;
		color: inherit;
		border: none;
		outline: none;
		border-bottom: solid 1px #555;
		width: 95%;
	}
	
	.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus {
		border-bottom-color: #aaa;
	}
	
	.ui-timepicker-rtl {
		direction: rtl;
	}
	
	.ui-timepicker-rtl dl {
		text-align: right;
		padding: 0 5px 0 0;
	}
	
	.ui-timepicker-rtl dl dt {
		float: right;
		clear: right;
	}
	
	.ui-timepicker-rtl dl dd {
		margin: 0 40% 10px 10px;
	}
	
	/* Shortened version style */
	.ui-timepicker-div.ui-timepicker-oneLine {
		padding-right: 2px;
	}
	
	.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time,
	.ui-timepicker-div.ui-timepicker-oneLine dt {
		display: none;
	}
	
	.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label {
		display: block;
		padding-top: 2px;
	}
	
	.ui-timepicker-div.ui-timepicker-oneLine dl {
		text-align: right;
	}
	
	.ui-timepicker-div.ui-timepicker-oneLine dl dd,
	.ui-timepicker-div.ui-timepicker-oneLine dl dd>div {
		display: inline-block;
		margin: 0;
	}
	
	.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
	.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before {
		content: ':';
		display: inline-block;
	}
	
	.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
	.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before {
		content: '.';
		display: inline-block;
	}
	
	.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
	.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before {
		display: none;
	}
	
	.progress {
		padding: 4px;
		background: rgba(0, 0, 0, 0.25);
		border-radius: 6px;
		-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.08);
		box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.08);
	}
	
	
	/* -------------------------------- 
	  Red - Yellow- Green Progress Bar 
	-------------------------------- */
	.progress-bar {
		position: relative;
		height: 16px;
		border-radius: 4px;
		-webkit-transition: 0.4s linear;
		-moz-transition: 0.4s linear;
		-o-transition: 0.4s linear;
		transition: 0.4s linear;
		-webkit-transition-property: width, background-color;
		-moz-transition-property: width, background-color;
		-o-transition-property: width, background-color;
		transition-property: width, background-color;
		-webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 1px rgba(255, 255, 255, 0.1);
		box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 1px rgba(255, 255, 255, 0.1);
	}
	
	.progress-bar:before,
	.progress-bar:after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
	}
	
	.progress-bar:before {
		bottom: 0;
		background: url("../img/stripes.png") 0 0 repeat;
		border-radius: 4px 4px 0 0;
	}
	
	.progress-bar:after {
		z-index: 2;
		bottom: 45%;
		border-radius: 4px;
		background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
		background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
		background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
		background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
	}
	
	/*
	* Note: using adjacent or general sibling selectors combined with
	*       pseudo classes doesn't work in Safari 5.0 and Chrome 12.
	*       See this article for more info and a potential fix:
	*       http://css-tricks.com/webkit-sibling-bug/
	*/
	.progress-bar0 {
		width: 1%;
		background-color: #f2b01e;
		/*#86e01e*/
	}
	
	.progress-bar5 {
		width: 5%;
		background-color: #f2b01e;
	}
	
	.progress-bar10 {
		width: 10%;
		background-color: #f2b01e;
		/*#86e01e*/
	}
	
	.progress-bar15 {
		width: 15%;
		background-color: #f2b01e;
	}
	
	.progress-bar20 {
		width: 20%;
		background-color: #f2b01e;
		/*#86e01e*/
	}
	
	.progress-bar25 {
		width: 25%;
		background-color: #f2b01e;
	}
	
	.progress-bar30 {
		width: 30%;
		background-color: #f2b01e;
		/*#86e01e*/
	}
	
	.progress-bar35 {
		width: 35%;
		background-color: #f2b01e;
	}
	
	.progress-bar40 {
		width: 40%;
		background-color: #f2b01e;
		/*#f2d31b*/
	}
	
	.progress-bar45 {
		width: 45%;
		background-color: #f2b01e;
	}
	
	.progress-bar50 {
		width: 50%;
		background-color: #f2b01e;
	}
	
	.progress-bar55 {
		width: 55%;
		background-color: #f2b01e;
	}
	
	.progress-bar60 {
		width: 60%;
		background-color: #f2b01e;
	}
	
	.progress-bar65 {
		width: 65%;
		background-color: #f2b01e;
	}
	
	.progress-bar70 {
		width: 70%;
		background-color: #f2b01e;
	}
	
	.progress-bar75 {
		width: 75%;
		background-color: #f2b01e;
	}
	
	.progress-bar80 {
		width: 80%;
		background-color: #f2b01e;
		/*#f63a0f*/
	}
	
	.progress-bar85 {
		width: 85%;
		background-color: #f2b01e;
	}
	
	.progress-bar90 {
		width: 90%;
		background-color: #f2b01e;
		/*#f63a0f*/
	}
	
	.progress-bar95 {
		width: 95%;
		background-color: #f63a0f;
	}
	
	.progress-bar100 {
		width: 100%;
		background-color: #f63a0f;
	}
	
	
	/* -------------------------------- 
	  Newest - Originally from Footer 
	-------------------------------- */
	.ui-state-default,
	.ui-widget-content .ui-state-default,
	.ui-widget-header .ui-state-default {
		background: #e6e6e5;
	}
	
	.ui-widget-content {
		boxrder: none;
	}
	
	.ui-jqgrid tr.jqgrow td {
		font-size: 1.2em;
	}
	
	.ui-jqgrid tr.jqgrow td,
	.ui-jqgrid-cell-wrapper {
		border-bottom-width: 0px;
		font-weight: normal;
		foxnt-size: 1.2em !important;
		padding-top: 2px;
		padding-left: 5px;
		padding-right: 5px;
		vertical-align: middle;
		font-family: Arial, Helvetica, sans-serif !important;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	
	/*Labels*/
	th .ui-jqgrid-sortable {
		font-size: 1.2em;
		color: #444;
	}
	
	/* Date in Grid */
	.ui-jqgrid-btable tr td {
		font-size: 1.2em;
		padding-top: 28px;
		vertical-align: middle;
		font-family: 'Open Sans', HelveticaNeue, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	}
	
	/* THIS FIXES THE SPACE ABOVE THE FIRST ROW */
	.jqgfirstrow {
		visibility: hidden;
		 !important;
	}
	
	.jqgfirstrow td {
		border-right: 1px solid #fff !important;
		padding: 0 !important;
		margin: 0;
		height: 1px !important;
	}
	
	/* THIS FIXES THE Table Title Bar */
	.ui-jqgrid-title {
		color: #333;
		font-weight: 500;
		font-size: 1.2em;
	}
	
	.ui-jqgrid-titlebar {
		baxckground: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
		/*#e6e6e5*/
	}
	
	/* THIS TWEAKS PHPGRID POPUPS */
	.ui-jqdialog {
		padding: 0;
		 !important;
	}
	
	.ui-jqdialog-title {
		font-size: 1.2em !important;
		font-weight: 300 !important;
	}
	
	.ui-dialog-titlebar {
		border-bottom-right-radius: 0 !important;
		border-bottom-left-radius: 0;
	}
	
	.ui-jqdialog-content,
	.ui-jqdialog .ui-jqdialog-content {
		background-color: #fff !important;
	}
	
	.FormGrid .EditTable td {
		padding-bottom: 10px;
	}
	
	.CaptionTD {
		text-align: right;
		margin-right: 10px;
		padding-right: 10px;
		font-weight: 400;
		font-size: 1.1rem;
		text-transform: none;
		color: #444;
	}
	
	.ImportantColumn {
		color: #fff !important;
		/* color:#649D7E !important;   FROM MASTER AC */
		foxnt-variant: small-caps;
		text-transform: none;
		font-weight: 900 !important;
		margin-bottom: 0;
	}


	/* -------------------------------- 
	  LITY FULL SCREEN FIX
	-------------------------------- */
	.lity-iframe .lity-container,
	.lity-youtube .lity-container,
	.lity-vimeo .lity-container,
	.lity-facebookvideo .lity-container,
	.lity-googlemaps .lity-container,
	.lity-iframe-container {
		border-radius: 3px;
	}
	
	.lity-iframe .lity-container {
		max-width: calc(100vw - 60px);
	}
	
	.lity-iframe-container {
		padding-top: calc(100vh - 60px);
		/* 4:3 ratio */
	}


	/* -------------------------------- 
	  Accordians
	-------------------------------- */
	/* Style the buttons that are used to open and close the accordion panel */
	button.accordion {
		background-color: #eee;
		color: #444;
		cursor: pointer;
		padding: 18px;
		width: 100%;
		text-align: left;
		border: none;
		outline: none;
		transition: 0.4s;
		border-radius: 0;
		font-size: 1rem;
	}
	
	/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
	.active,
	.accordion:hover {
		background-color: #ccc;
	}
	
	/* Style the accordion panel. Note: hidden by default */
	.accordianPanel {
		padding: 0 18px;
		background-color: white;
		display: none;
		overflow: hidden;
		tranxsition: max-height 0.2s ease-out;
	}
	
	.accordion:after {
		content: '\02795';
		/* Unicode character for "plus" sign (+) */
		font-size: .7rem;
		font-weight: 400;
		color: #999;
		float: left;
		margin-left: 5px;
		margin-right: 18px;
	}
	
	.active:after {
		content: "\2796";
		/* Unicode character for "minus" sign (-) */
	}
	
	
	/* -------------------------------- 
	  Help Sidebar
	-------------------------------- */
	/* The sidebar menu */
	.sidebar {
		hexight: 100%;
		/* 100% Full-height */
		width: 0;
		/* 0 width - change this with JavaScript */
		position: fixed;
		/* Stay in place */
		z-index: 1;
		/* Stay on top */
		top: 90px;
		bottom: 0;
		right: 0;
		baxckground-color: #111;
		/* Black*/
		overflow-x: hidden;
		/* Disable horizontal scroll */
		padxding-top: 60px;
		/* Place content 60px from the top */
		transition: 0.5s;
		/* 0.5 second transition effect to slide in the sidebar */
	}
	
	/* The sidebar links */
	.sidebar a {
		padding: 8px 8px 8px 32px;
		text-decoration: none;
		font-size: 25px;
		color: #818181;
		display: block;
		transition: 0.3s;
	}
	
	/* When you mouse over the navigation links, change their color */
	.sidebar a:hover {
		/* color: #f1f1f1; */
	}
	
	
	/* -------------------------------- 
	  Closeable Help Tips Container
	-------------------------------- */
	.HelpMonitor_container {
		padding: 0px;
		border-radius: 3px;
		box-shadow: none;
		max-width: 100000px;
		display: none;
	}
	
	.HelpBar {
		font-size: 1rem;
		left: 0;
		width: 100%;
		margin: 0;
		display: flex;
		justify-content: space-between;
		cursor: pointer;
		width: 100%;
		padding: 4px;
		text-align: center;
		background-color: #B2B2B2;
		/* background-color:#32b379;  FROM MASTER AC */
		/* background-color:#649D7E;  FROM MASTER AC  */
		color: #fff;
		border-radius: 3px;
	}
	
	.HelpBox {
		border-color: #ddd !important;
		background-color: #eee;
		/* background-color:rgba(50, 179, 121,.2); FROM MASTER AC  */
		/* baxckground-color: rgba(97,175,254,.1);  FROM RCA DEMO AC */
		display: none;
		padding: 8px;
		font-size: .7rem;
		margin-left: 3px;
		margin-right: 3px;
	}
	
	.HelpName {
		font-weight: normal;
		padding: 0px 0px;
		font-size: .6r5em;
		text-transform: uppercase;
	}
	
	.HelpName:first-letter {
		font-size: 1.55rem;
	}
	
	.EndPointDescription {
		font-weight: normal;
		borxder-top: 1px solid transparent;
		padding: 4px 14px;
		font-size: .75rem !important;
		text-transform: uppercase;
	}
	
	.ui-priority-secondary {
		background-image: none;
		background: #F4F4F4 !important;
	}
	
	.DescrTable {
		width: 100%;
		padding-top: 0px;
		padding-bottom: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
	}
	
	.DescrTableInfo {
		padding-left: 10px;
		color: #666;
		padding-top: 0px;
		padding-bottom: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
	}
	
	.DescrTableLabelBig {
		font-size: 1rem;
		line-height: 1rem;
	}
	
	.DescrTableLabel {
		width: 100px;
		font-weight: bold;
		color: #666;
		padding-top: 0px;
		padding-bottom: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
		vertical-align: text-top;
		width: 110px;
		text-align: right;
	}
	
	
	/* -------------------------------- 
	  App Configuration/Package screens
	-------------------------------- */
	.AppColorSchemeImage {
		display: block;
		width: 100%;
		max-width: 900px;
		height: auto;
	}
	
	.AppColorSchemeBuiltInBackground {
		margin-left: -7px;
		margin-right: -7px;
		padding-left: 8px;
		padding-right: 8px;
		background-color: rgba(73, 204, 144, .3);
	}
	
	.AppLogoImage {
		margin-top: 10px;
		height: 26px;
		max-width: 150px;
		max-height: 28px;
	}
	
	.AppLogoBackground {
		background-color: #094f71;
		display: flex;
		width: 710px;
		height: 60px;
		padding-left: 15px;
		margin-top: 4px;
	}
	
	.AppLogoButtons {
		margin-top: 3px;
		height: 26px;
		font-size: 26px;
		color: #fff;
	}
	
	
	/* -------------------------------- 
	  App Configuration/Package screens - ChannelHub
	-------------------------------- */
	.AppGeneralBackground {
		background-color: #F2F2F2;
		padding: 12px;
		padding-bottom: 0px;
	}
	
	.AppPictureBackground {
		background-color: lightblue;
		padding: 12px;
		padding-bottom: 0px;
	}
	
	.AppCcBackground {
		background-color: rgba(255, 153, 0, .1);
		padding: 12px;
		padding-bottom: 0px;
	}
	
	.AppSoundBackground {
		background-color: rgba(179, 0, 0, .1);
		padding: 12px;
		padding-bottom: 0px;
	}
	
	.AppMessage {
		border-radius: 4px;
		border: 1px solid #bbb;
		max-width: 850px;
	}
	
	.AppPopupPicture {
		margin-top: 0px;
		margin-bottom: 5px;
		text-align: left;
		width: 100%;
	}
	
	
	/* -------------------------------- 
	  Reports
	-------------------------------- */
	.RunReport {
		margin-top: 5px;
	}
	
	
	/* -------------------------------- 
	  Flex Default CSS
	-------------------------------- */
	.FlexContainer {
		display: flex;
		flex-wrap: wrap;
	}
	
	.FlexItem {
		border-radius: 4px;
		background-color: #e8e8e8;
		padding: 10px;
		margin: 10px;
		width: 260px;
	}
	
	
	/* -------------------------------- 
	  System Licenses
	-------------------------------- */
	.LicenseTitle,
	.TableTitle {
		text-align: right;
		padding-right: 8px;
	}
	
	.LicenseID {
		font-weight: bold;
		color: #555;
	}
	
	.LicenseText {
		font-weight: bold;
		color: #777;
	}
	
	.LicenseActive,
	.SoftwareVersion {
		font-weight: bold;
		color: rgb(0, 122, 255);
	}
	
	.LicenseBackground {
		background-color: lightgray;
		border-radius: 0px;
	}
	
	.LicenseBarText {
		min-width: 10px;
		display: block;
	}
	
	
	/* -------------------------------- 
	  Info Message Boxes | Responses/Feedback
	-------------------------------- */
	.Message {
		font-weight: bold;
		color: rgb(0, 122, 255);
	}
	.CaptureLink {  /* Download link for captures */
		margin: 10px 0;
		padding: 10px 18px;
		width: fit-content;
		border-radius: 20px 20px 20px 20px;
		color: #059;
		background-color: #BEF;
	}
	.Problem {
		color: rgba(228, 50, 50, 1) !important;
		font-weight: bold !important;
	}
	.NoProblem {
		color: rgba(0, 102, 0, 1);
		font-weight: bold;
	}
	
	.info,
	.success,
	.warning,
	.error {
		margin-left: 10px;
		padding: 10px 18px;
		width: fit-content;
		border-radius: 20px 20px 20px 20px;
	}
	
	.info {
		color: #059;
		background-color: #BEF;
	}
	
	.info::before {
		font-family: 'Font Awesome 5 Pro';
		content: "\f05a   ";
	}
	
	.success {
		color: #270;
		background-color: #DFF2BF;
	}
	
	.success::before {
		font-family: 'Font Awesome 5 Pro';
		content: "\f00c   ";
	}
	
	.warning {
		color: #9F6000;
		background-color: #FEEFB3;
	}
	
	.warning::before {
		font-family: 'Font Awesome 5 Pro';
		content: "\f071   ";
	}
	
	.error {
		color: #D8000C;
		background-color: #FFBABA;
	}
	
	.error::before {
		font-family: 'Font Awesome 5 Pro';
		font-weight:800;
		content: "\f321   ";
	}
	
	
	/* -------------------------------- 
	  General Settings Screen
	-------------------------------- */
	.MacAddress {
		background-color: transparent;
		border: none;
	}


	/* -------------------------------- 
	  Popups
	-------------------------------- */
	.FooterRequiredField {
		background-color: #d9d9d9;
		font-size: .8em;
		color: #cc0000;
		text-align: left;
		padding: 5px;
	}


	/*---------------------------------------------
	  Feel free to delete this if you don't like it.
	-----------------------------------------------*/
	#davidformvalidation {
		font-size: 0.8rem;
		display: none;
	}
	/*---------------------------------------------
	-----------------------------------------------*/

	
	.RequiredItem {
		font-weight: bold;
		font-style:italic;
		font-size:.95rem;
		color: #cc0000;
	}
	
	.ApiKey {
		margin-bottom: 1px;
		font-weight: bold;
		color: rgb(0, 122, 255);
		background-color: #e5e5e5;
		padding: 5px;
		border-radius: 6px;
	}
	
	.ConfirmText {
		font-weight: bold;
		font-size: 1.2em;
	}
	
	.DetailedPopup {
		margin-right: 50px;
		text-align: left;
		min-width: 225px;
		max-width: 225px;
		box-sizing: border-box;
		min-height: 0;
		word-break: break-all;
		color: #333;
	}
	
	.DetailedPopupWide {
		margin-right: 50px;
		text-align: left;
		min-width: 400px;
		max-width: 450px;
		box-sizing: border-box;
		min-height: 0;
		word-break: break-all;
		color: #333;
	}
	
	.DetailedPopupNarrow {
		margin-right: 50px;
		margin-left: 20px;
		text-align: left;
		min-width: 225px;
		max-width: 225px;
		box-sizing: border-box;
		min-height: 0;
		word-break: break-all;
		color: #333;
	}
	
	.DetailedPopupUneditable {
		margin-right: 50px;
		text-align: left;
		min-width: 225px;
		max-width: 225px;
		box-sizing: border-box;
		min-height: 0;
		word-break: break-all;
		color: #333;
		pointer-events: none;
		border: none;
		padding: 0px 0px;
	}
	
	.QuickTitlesPopup {
		borxxxder-bottom: 1px #666 solid;
		margin-bottom: 2px;
	}
	
	.Uneditable {
		pointer-events: none;
		border: none !important;
		padding: 0px 0px;
		background-color: #eee;
	}
	
	.SectionSeparater {
		border-bottom: 1px #777 solid;
		margin-bottom: 8px;
	}
	
	.DeviceStatsContainer {
		display: flex;
		flex-wrap: wrap;
		margin-left: 20px;
	}
	
	.GeneralPopup {
		margin-right: 50px;
		text-align: left;
		box-sizing: border-box;
		min-height: 0;
		word-break: break-all;
	}
	
	.GeneralPopupContainer {
		margin-right: 50px;
		text-align: left;
		box-sizing: border-box;
		min-height: 0;
		word-break: break-all;
		width: 100% !important;
	}
	
	.GeneralPopupContainer2 {
		margin-right: 50px;
		text-align: left;
		box-sizing: border-box;
		min-height: 0;
		word-break: break-all;
		width: 90% !important
	}
	
	.GeneralPopupContainer3 {
		margin-right: 50px;
		margin-left: 20px;
		text-align: left;
		box-sizing: border-box;
		min-height: 0;
		word-break: break-all;
		width: 100% !important;
	}
	
	.PopupHideInfo {
		display: none;
		text-align: center;
		padding-right: 15px;
	}
	
	.PopupHideInfo2 {
		display: none;
	}
	
	.PopupWidth100 {
		width: 100% !important;
	}
	
	.PopupWidth90 {
		width: 90% !important;
	}
	
	.PopupWidth60 {
		width: 60% !important;
	}
	
	.PopupListTop {
		margin-top: -10px;
	}
	
	.PopupNotes {
		font-size: 1.2rem;
		border-radius: 4px;
		border: 1px solid #bbb;
		width: 100%;
		min-width: 500px;
	}
	
	.PopupDescription {
		font-size: 1.2rem;
		border-radius: 4px;
		border: 1px solid #bbb;
		width: 100%;
		min-width: 500px;
	}
	
	.PopupButtonsFooter {
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		background-color: #D3D3D3;
		min-height:36px;
	}
	
	.PopupButtonFooterLeft{
		/*Used when there is a Required field*/
		position: absolute;
		left: 0;
		bottom:0;
		padding: 0 !important;
		background-color: #D3D3D3 !important;
		color:#666666 !important;
		margin:0 !important;
	}
	.PopupButtonFooterLeft button{
		padding: 8px !important;
		background-color: #D3D3D3 !important;
		color:#666666 !important;
		padding-right:15px !important;
		padding-left:15px !important;
		font-size:1.1rem;
		margin:0;
		border-right:1px solid #aaa !important;
	}
	
	.PopupButtonFooterRight{
		/*Used when there is a Required field*/
		position: absolute;
		right: 0;
		bottom:0;
		padding: 0 !important;
		background-color: #D3D3D3 !important;
		color:#666666 !important;
		margin:0 !important;
	}
	.PopupButtonFooterRight button{
		padding: 8px !important;
		background-color: #D3D3D3 !important;
		color:#666666 !important;
		padding-right:15px !important;
		padding-left:15px !important;
		font-size:1.1rem;
		margin:0;
		border-left:1px solid #aaa !important;
	}
	
	.PopupButtonFooterLeft button:focus, .PopupButtonFooterLeft button:hover, .PopupButtonFooterRight button:focus, .PopupButtonFooterRight button:hover {
		color:#333 !important;
	}
	
	
	/* -------------------------------- 
	  Device Stats Popup
	-------------------------------- */
	.DeviceStat {
		width: 220px;
		height: 90px;
		max-width: 300px;
		margin-right: 8px;
		margin-bottom: 6px;
		border-radius: 5px;
		color: #333 !important;
		text-align: center;
		font-size: .85em;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	
	.DeviceStat input {
		margin: 0;
		color: #333 !important;
	}
	
	.DeviceContainer,
	.PopupContainer {
		display: flex;
		justify-content: flex-start;
		flex-wrap: wrap;
		margin-left: 20px;
	}
	
	.DeviceInput {
		margin: 8px;
		position: relative;
		width: 210px;
		-webkit-appearance: none;
		outline: none;
		font-weight: bold;
		padding: 5px;
		padding-left: 8px;
		color: #333;
		border-radius: 4px;
		border: 2px inset #e8e8e8;
		background-color: #e6e6e6;
	}
	
	.DeviceError {
		margin: 8px;
		position: relative;
		width: 210px;
		-webkit-appearance: none;
		outline: none;
		font-weight: bold;
		padding: 5px;
		padding-left: 8px;
		color: #B30002;
		border-radius: 4px;
		border: 2px inset #e8e8e8;
		background-color: #e6e6e6;
	}
	
	.DeviceOnline {
		font-weight: bold;
		font-size: 1.2em;
	}
	
	.DeviceOnlineText {
		color: darkgreen;
	}
	
	.DeviceOfflineText {
		color: #B30002;
	}
	
	.SettingsBlockBackground {
		padding: 8px;
		background-color: rgba(0, 128, 0, 0.2);
		border-radius: 5px;
	}
	
	.StatsBlockBackground {
		padding: 8px;
		background-color: rgba(192, 0, 0, 0.2);
		border-radius: 5px;
	}
	
	.VideoBlockBackground {
		padding: 8px;
		background-color: rgba(0, 0, 192, 0.2);
		border-radius: 5px;
	}
	
	.DeviceBlockContainer {
		text-align: left;
		padding-left: 5px;
		padding-bottom: 5px;
		padding-top: 5px;
		padding-right: 5px;
	}


	/* -------------------------------- 
	  View Output Popup
	-------------------------------- */
	.EnabledText {
		font-weight: 600;
		color: rgb(0, 122, 255);
	}
	
	.DisabledText {
		color: rgba(228, 50, 50, 1);
		font-weight: bold;
	}


	/* -------------------------------- 
	  Building Layout Popup
	-------------------------------- */
	.PopupSectionTitleLayouts {
		color: #444;
		font-size: 0.8em;
		font-weight: bold;
		text-align: center;
		margin-left: 0px;
		margin-right: 0px;
	}
	
	.PopupDropboxLayouts {
		min-width: 300px;
		text-align: center;
	}
	
	.PopupLayoutsNoProblems {
		background: linear-gradient(to bottom, #00b33c, #006622)
	}
	
	.PopupLayoutsCommLoss {
		background: linear-gradient(to bottom, #ffad33, #e68a00);
		color: #222;
	}
	
	.PopupLayoutsAlert {
		background: linear-gradient(to bottom, red, crimson)
	}
	
	.PopupLayoutsNoDevices {
		background: linear-gradient(to top, #283E51, #4B79A1)
	}
	
	.ToolTipButtonLayouts {
		cursor: pointer;
		width: 200px !important;
		font-size: 0.9em !important;
		font-weight: bold !important;
		text-align: center !important;
		padding: 6px !important;
		margin-bottom: 0px !important;
		border-radius: 4px !important;
		background-image: linear-gradient(to top, lightgray, #e5e5e5) !important;
		color: #555555;
	}
	
	.ToolTipButtonLayouts:hover,
	.ToolTipButtonLayouts:focus {
		background-image: linear-gradient(to bottom, lightgray, #e5e5e5) !important;
		color: #555555;
	}
	
	.makeMeDraggableLayouts {
		cursor: pointer;
		position: fixed;
		display: flex;
		align-items: center;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		min-width: 48px;
		max-width: 48px;
		min-height: 26px;
		max-height: 26px;
		text-align: center;
		padding: 0px 2px 0px 2px;
		background: orange;
		color: #fff;
		font-size: .6em;
		font-weight: bold;
		border-radius: 4px;
		overflow: hidden;
		box-shadow: -4px 4px 5.5px #888;
	}
	
	.LegendDraggableIconLayouts {
		cursor: pointer;
		display: inline-block;
		width: 30px;
		height: 9px;
		border-radius: 4px;
		overflow: hidden;
		margin-left: 50px;
	}
	
	.innerDraggableLayouts {
		width: 100%;
		text-align: center;
		overflow: hidden;
	}


	/* -------------------------------- 
	  Reports Popup
	-------------------------------- */
	.ChannelsReport {
		border-radius: 4px;
		background-color: #e5e5e5;
		padding: 5px;
		margin: 5px;
		width: 200px;
		width: 100px;
		max-width: 100px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	
	.tabtitleReport {
		color: #3e454c;
		font-family: "Open Sans", sans-serif;
		font-size: 1.6em;
		font-weight: 300;
		text-align: left;
		margin-left: 5px;
		margin-right: 5px;
	}
	
	.smallTitleReport {
		font-weight: 400 !important;
		font-size: 1.4em !important;
		color: #3e454c !important;
	
	}
	
	.infotextReport {
		font-family: "Open Sans", sans-serif;
		font-size: 1em;
		text-align: justify;
		margin-left: 6px;
		margin-right: 6px;
	}


		/* -------------------------------- 
		  PRODUCT SPECIFIC CSS ONLY!!!!
		-------------------------------- */
		.LogonButton {
			background-color: #002765;  /* Changes per product */
			color: #fff;
		}

		/* The button used to open the sidebar */
		button.HelpBarButton {
			font-size: 32px;
			cursor: pointer;
			background-color: #fff;
			color: rgb(11, 61, 145); /* Changes per product */
			padding: 10px 15px;
			border: none;
		}
		
		button.HelpBarButton:hover {
			color: rgb(11, 61, 145, .5); /* Changes per product */
		}

		.DescrTableInfoBig {
			font-size: 1rem;
			font-weight: bold;
			color: rgb(11, 61, 145); /* Changes per product */
			line-height: 1.3em;
		}
		
		.ImportantColumn {
			color: rgb(11, 61, 145) !important; /* Changes per product */
			text-transform: none;
			font-weight: 900 !important;
			margin-bottom: 0;
		}
		

	/*-------------------------------------
	 MISSION CONTROL ALARMS
	-------------------------------------*/			
	.blinking{
		animation: blinker 0.7s linear infinite;
	}
	@keyframes blinker{
		50% {
			opacity: 0;
		}
	}

	.ErrorCodes{
		width:11.2rem;
		margin-right:0px;
		font-weight:bold;
		font-size:.9rem;
		text-align:center;
		padding:.40rem;
		padding-top:.42rem;
		margin-bottom:.1rem;
	}
	.ClearBackground{
		background-color:transparent !important;
	}
	.NoneP0{
		color:rgb(193,193,193);
	}	
	.CriticalP1{
		color:rgb(206,0,0);
		background-color:rgb(206,0,0,.1);
		font-weight:bold !important;
	}
	.MajorP2{
		color:rgb(198, 33, 104);
		background-color:rgb(198, 33, 104,.1);
		font-weight:bold !important;
	}
	.SeriousP3{
		color:rgb(205,109,41);
		background-color:rgb(240,125,33,.1);
		font-weight:bold !important;
	}
	.WarningP4{
		color:rgb(11, 61, 145,.9);
		background-color:rgb(0,83,156,.1);
		font-weight:bold !important;
	}
	.ImportantP5{
		color:rgb(82, 96, 123);
		background-color:rgb(82, 96, 123,.1);
		font-weight:bold !important;
	}
	.GeneralP6{
		color:rgb(110,110,110);
		background-color:rgb(110,110,110,.1);
		font-weight:bold !important;
	}
	.DebugP7{
		color:rgb(96,19,144);
		background-color:rgb(96,19,144,.1);
		font-weight:bold !important;
	}

	.CriticalTextP1{
		color:rgb(206,0,0);
		font-weight:bold !important;
	}
	.MajorTextP2{
		color:rgb(198, 33, 104);
		font-weight:bold !important;
	}
	.SeriousTextP3{
		color:rgb(205,109,41);
		font-weight:bold !important;
	}
	.WarningTextP4{
		color:rgb(11, 61, 145,.9);
		font-weight:bold !important;
	}
	.ImportantTextP5{
		color:rgb(82, 96, 123);
		font-weight:bold !important;
	}
	.GeneralTextP6{
		color:rgb(110,110,110);
		font-weight:bold !important;
	}
	.DebugTextP7{
		color:rgb(96,19,144);
		font-weight:bold !important;
	}
	.jelly-theme-gray .jelly-grid-cell {
		font-size:.92rem;
		line-height:1.05rem !important;
		hxeight:2.5rem !important;
	}