@media all{

	/* COMMON STYLES - DESKTOP */
	
	.wrapperInnerDiv{width:940px;padding:0 10px;margin:auto;}
	
	html, body {margin:0;padding:0;height: 100%;background-color: #165f98;color:white;font-family:Arial,Helvetica,sans-serif;font-size: 16px;}
	
	.rightdivgradientbg{
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA2MWEyYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNzFiMmIiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  rgba(6,26,42,1) 15%, rgba(7,27,43,0) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(15%,rgba(6,26,42,1)), color-stop(100%,rgba(7,27,43,0))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(6,26,42,1) 15%,rgba(7,27,43,0) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(6,26,42,1) 15%,rgba(7,27,43,0) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(6,26,42,1) 15%,rgba(7,27,43,0) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(6,26,42,1) 15%,rgba(7,27,43,0) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#061a2a', endColorstr='#00071b2b',GradientType=0 ); /* IE6-8 */
		min-height: inherit;		
	}
	
	.containerHeader{text-align: left;}
	
	#HeaderWelcomeMsg{
		line-height:30px;
		float: right;
		display: flex; /*modern use*/
		display:flexbox; /*hybrid use*/
		display:box; /*old use*/
		max-width: 375px;
		height: 30px;
		overflow: hidden;
	}
	
	#divhomeheader a{
		margin:2px 0px 0px 5px;
	}
	
	#HeaderWelcomeMsg span{font-weight: bolder;}
	
	#lblHeaderWelcome{height: 30px;overflow: hidden;}
	
	.divHomeLeft {height: 100%;width: 720px;float: left;}

	.divhomeRight {height: 100%;width: 220px;float: right;}
	
	.background{background: url('../images/bgimage.png') no-repeat bottom left;background-size: 100% 100%;min-height: 100%;width: 100%;}
	
	.divMobileMainContent{text-align: center;min-height: 200px;height:auto;width:100%;overflow: auto;}
	
	.font10{font-size: 10px;}
	
	.font11{font-size: 11px;}
	
	.font12{font-size: 12px;line-height:18px;}
	
	.font13{font-size: 13px;line-height:18px;}
	
	.font14{font-size: 14px;line-height:18px;}
	
	.font16{font-size: 16px;}
	
	.font20{font-size: 20px;}
	
	.bold{font-weight: bold;}	
	
	.hypLink{color:#3AC8FD;text-decoration: underline;cursor: pointer;}
	
	.imageroom_img{width:100%;height:100%;display: none;}
			
	select{line-height:22px;}
	
	/*slider in image room*/
	.progressindicatorSliderImageRoom{
		border-radius: 50%;
		width: 10px;
		height: 10px;
		display: block;
		float: right;
		position: relative;
		background: rgb(244,247,252); /* Old browsers */
		background: -moz-radial-gradient(center, ellipse cover,  rgba(244,247,252,1) 0%, rgba(123,142,122,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(244,247,252,1)), color-stop(100%,rgba(123,142,122,1))); /* Chrome,Safari4+ */
		background: -webkit-radial-gradient(center, ellipse cover,  rgba(244,247,252,1) 0%,rgba(123,142,122,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-radial-gradient(center, ellipse cover,  rgba(244,247,252,1) 0%,rgba(123,142,122,1) 100%); /* Opera 12+ */
		background: -ms-radial-gradient(center, ellipse cover,  rgba(244,247,252,1) 0%,rgba(123,142,122,1) 100%); /* IE10+ */
		background: radial-gradient(ellipse at center,  rgba(244,247,252,1) 0%,rgba(123,142,122,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f7fc', endColorstr='#7b8e7a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}
			
	.outerdivSliderImageRoom{
		height:10px;
		min-width:255px;
		margin:auto;
		border-radius:22px;
		background: -moz-linear-gradient(top,  rgba(178,196,204,0.35) 0%, rgba(181,199,207,0.35) 28%, rgba(183,201,209,0.38) 55%, rgba(184,202,210,0.38) 64%, rgba(180,199,207,0.38) 85%, rgba(178,196,204,0.38) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(178,196,204,0.35)), color-stop(28%,rgba(181,199,207,0.35)), color-stop(55%,rgba(183,201,209,0.38)), color-stop(64%,rgba(184,202,210,0.38)), color-stop(85%,rgba(180,199,207,0.38)), color-stop(100%,rgba(178,196,204,0.38))); /* Chrome,Safari4+ */
		background: -o-linear-gradient(top,  rgba(178,196,204,0.35) 0%,rgba(181,199,207,0.35) 28%,rgba(183,201,209,0.38) 55%,rgba(184,202,210,0.38) 64%,rgba(180,199,207,0.38) 85%,rgba(178,196,204,0.38) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(178,196,204,0.35) 0%,rgba(181,199,207,0.35) 28%,rgba(183,201,209,0.38) 55%,rgba(184,202,210,0.38) 64%,rgba(180,199,207,0.38) 85%,rgba(178,196,204,0.38) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(178,196,204,0.35) 0%,rgba(181,199,207,0.35) 28%,rgba(183,201,209,0.38) 55%,rgba(184,202,210,0.38) 64%,rgba(180,199,207,0.38) 85%,rgba(178,196,204,0.38) 100%); /* W3C */
		background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.35) 0%,rgba(46, 245, 229, 0.35) 28%,rgba(87, 200, 250, 0.38) 55%,rgba(184,202,210,0.38) 64%,rgba(0, 0, 0, 0.38) 85%,rgba(0, 0, 0, 0.38) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59b2c4cc', endColorstr='#61b2c4cc',GradientType=0 ); /* IE6-9 */		
	}
		          
	.innerdivSliderImageRoom{
		height:100%;
		width:10px;
		border-radius:22px;	              
		background: -moz-linear-gradient(top,  rgba(60,99,138,0.67) 3%, rgba(62,100,139,0.67) 12%, rgba(64,102,140,1) 27%, rgba(64,102,140,1) 45%, rgba(0,51,102,1) 55%, rgba(0,51,102,1) 73%, rgba(10,59,108,0.65) 88%, rgba(17,65,112,0.65) 99%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,rgba(60,99,138,0.67)), color-stop(12%,rgba(62,100,139,0.67)), color-stop(27%,rgba(64,102,140,1)), color-stop(45%,rgba(64,102,140,1)), color-stop(55%,rgba(0,51,102,1)), color-stop(73%,rgba(0,51,102,1)), color-stop(88%,rgba(10,59,108,0.65)), color-stop(99%,rgba(17,65,112,0.65))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(60,99,138,0.67) 3%,rgba(62,100,139,0.67) 12%,rgba(64,102,140,1) 27%,rgba(64,102,140,1) 45%,rgba(0,51,102,1) 55%,rgba(0,51,102,1) 73%,rgba(10,59,108,0.65) 88%,rgba(17,65,112,0.65) 99%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(60,99,138,0.67) 3%,rgba(62,100,139,0.67) 12%,rgba(64,102,140,1) 27%,rgba(64,102,140,1) 45%,rgba(0,51,102,1) 55%,rgba(0,51,102,1) 73%,rgba(10,59,108,0.65) 88%,rgba(17,65,112,0.65) 99%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(60,99,138,0.67) 3%,rgba(62,100,139,0.67) 12%,rgba(64,102,140,1) 27%,rgba(64,102,140,1) 45%,rgba(0,51,102,1) 55%,rgba(0,51,102,1) 73%,rgba(10,59,108,0.65) 88%,rgba(17,65,112,0.65) 99%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(60,99,138,0.67) 3%,rgba(62,100,139,0.67) 12%,rgba(64,102,140,1) 27%,rgba(64,102,140,1) 45%,rgba(0,51,102,1) 55%,rgba(0,51,102,1) 73%,rgba(10,59,108,0.65) 88%,rgba(17,65,112,0.65) 99%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ab3c638a', endColorstr='#a6114170',GradientType=0 ); /* IE6-9 */
	
	}
	.divFilter{
	 width:289px;text-align:right;margin:2px;display: inline-block;
	}	
	#divLogin{padding-top: 10%;}
		
	.identyCode{text-align: center;margin:0px 2px 0px 5px !important;}
	
	
	.txtbox{
		padding-top: 5px;
		padding-bottom: 5px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		margin-top: 20px;
		border: none;
		font-size: 13px;
	}
	
	.txtbox.img{padding-left:35px;background-repeat: no-repeat;background-size: 22px;background-position: 5px;}
	
	.txtbox.xSmall{width: 50px;}
	
	.txtbox.smallest{width: 90px;}
	
	.txtbox.smaller{width:180px;}
	
	.txtbox.small{width:210px;}
	
	.Contact .txtbox.small{width:209px!important;}
	
	.txtbox.medium{width:210px;}
	
	.txtbox.large{width:240px;}
	
	.txtbox.larger{width:245px;}
	
	
	.txtbox.Xlarge{width:275px;}
			
	.imgSimCard{background-image: url('../images/simcardicon.png');}
	
	.imgMobileOperator{background-image: url('../images/operatoricon.png');margin-left: 0px;}
		
	.imgLanguageFlag{background-image: url('../images/flagshadow.png');}
	
	.imgUsername{background-image: url('../images/usershadowicon.png');}
	
	.imgPassword{background-image: url('../images/lockicon.png');}
	
	.imgEmail{background-image: url('../images/email.png');}
	
	.imgMobile{background-image: url('../images/mobilephone.png');}
		
	.imgLandline{background-image: url('../images/landline.png');}
		
	.imgAckCode{background-image: url('../images/ackcode.png');}
	
	.imgPremCode{background-image: url('../images/premisescode.png');}
	
	.imgDisarmCode{background-image: url('../images/disarmcode.png');}
	
	.imgPhone{background-image: url('../images/phone.png');}
	
	.imgPark {background-image: url('../images/lockicon.png');}

	.imgCode {background-image: url('../images/lockicon.png');}
	
	.imgTag {background-image: url('../images/tag.png');}
	
	.divMobileAlert{
		display:none;
		background-color:whitesmoke;
		position:absolute;
		z-index:9500;
		height:140px; width:235px;
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		-o-border-radius:5px;
		 z-index:20000;
	}
		
	#imgMobileAlertCross{position: absolute;right: -11px;top: -11px;}
	
	#lblMobileAlertMsg{color: black;position: absolute;margin: 14px 10px 14px 10px;width: 215px;}
	
	.center{text-align: center;}
	
	.right{text-align: right;}
	
	.HeaderMenuButton {
		height: 18px;		
		width: 18px;
		background-size: 100%;
		background-repeat: no-repeat;
		text-align: center;
		background-color: #272F3A;
		border: solid 1px #05120D;
		background-position-x: 3px;
		background-position-y: 2px;
		float: right;
		padding:5px;
		border-radius: 5px;
		margin-right: 10px;
		cursor:pointer;
	}
	
	.hidden{display: none;}
	
	.HeaderMenuButton img{width:18px;height: 18px;}
	
	.ui-datepicker{background-color: #FFFFFF;}
	
	.floatRight{float: right;}
	
	.floatLeft{float: left;}
	
	.menuicon{padding: 0px;width: 30px;height: 30px;font-size: 30px;color: #3AC8FD;}
		
/* 	.subHeaderButton{width:80%;max-width: 70px;} */
	
/* 	.subHeaderButtonContainer{width:20%;margin:3px;} */
	
	a.imageRoomIcons{
		height: 30px;
		width: 30px;
		background-repeat: no-repeat;
		cursor:pointer;
		float:right;
	}
	
	.deleteInfoImgWhite{background-image: url('../images/imageroomdeletewhite.png');}
	
	.imageInfoImgWhite{background-image: url('../images/infoicon2white.png');}
	
	.saveInfoImgWhite{background-image: url('../images/saveiconwhite.png');}
	
	.deleteInfoImgBlue{background-image: url('../images/imageroomdeleteblue.png');}
	
	.imageInfoImgBlue{background-image: url('../images/infoicon2blue.png');}
	
	.saveInfoImgBlue{background-image: url('../images/saveiconblue.png');}
	
	.divFooter{border-top:solid 1px #151f40;}	
	.divFooter.mobile{height:39px;text-align: center;}
	.divFooter.mobile img{margin-top: 5px;width: 50%;max-width: 150px;max-height: 25px;}
	.divFooter.desktop{height:28px;padding:8px 30px 8px 20px;}
	.divFooter.desktop img{max-height:28px;max-width:220px;}
	
	.divHeader{border: solid 1px #000;padding: 10px 20px;}
	.divHeader.mobile{height: 59px;}
	.divHeader.desktop{height: 50px;}
	.divHeader.mobilehome{height:31px;padding:4px;}
	.divHeader.mobile img.companyLogo{max-width: 280px;max-height: 60px;position: relative;height: 100%;background-repeat: no-repeat;background-size: 100%;}
	.divHeader.desktop img.companyLogo{max-width: 220px;max-height: 50px;position: relative;height: 100%;background-repeat: no-repeat;background-size: 100%;}
			
	.divMainContent {width: 100%;min-height: 800px;}
		
	.rightcontainerdivHeader{float:right;display:inline-table;max-width: 711px;}
	
	.divStatements{float: left;line-height:28px;text-decoration: none!important;max-width:660px;max-height: 100%;overflow: hidden;}
		
	.divStatements a{border-right: solid 1px rgb(44,181,236);padding:0px 5px;cursor: pointer;font-size: 12px;color:rgb(44,181,236);}
		
	.divStatements a:nth-child(4) {cursor: default;border:none;}
	
	.blueButton{background-color: rgb(34,164,222);height: auto;border:solid 1px #113E67;border-radius:4px;line-height: 30px;cursor:pointer;}
		
	.checkbox{
		cursor:pointer;
		display: block;
		width: 19px;
		height: 20px;
		background-repeat: no-repeat;
		float: right;
		background-size: 100%;	
		background-image:  url('../images/spritecheckboxtick.png');
	}
	
	.unchecked{background-position: 0px 0px;}
	
	.checked{background-position: 0px -20px;}
	
	.speechbubble {
	    background-color: whitesmoke;
	    border: 1px solid #36bbf1;
	    border-radius: 5px;
	    color: #333;
	    padding: 5px;
	    position: relative;
	    height:36px;
	    width:100px;
	    z-index:10000;
	    display:none;
	}
	.speechbubble:after,
	.speechbubble:before {
	    border-left: 9px solid transparent;
	    border-right: 9px solid transparent;
	    border-top: 9px solid #eee;
	    bottom: -9px;
	    content: '';
	    left: 50%;
	    margin-left: -9px;
	    position: absolute;
	}
	
	/* Styling for second triangle (border) */
	
	.speechbubble:before {
	    border-left: 10px solid transparent;
	    border-right: 10px solid transparent;
	    border-top: 10px solid;
	    border-top-color: inherit; /* Can't be included in the shorthand to work */
	    bottom: -10px;
	    margin-left: -10px;
	}	
	
	/* Styling for second triangle (border) */
	
	.speechbubble:before {
	    border-left: 10px solid transparent;
	    border-right: 10px solid transparent;
	    border-top: 10px solid;
	    border-top-color: inherit; /* Can't be included in the shorthand to work */
	    bottom: -10px;
	    margin-left: -10px;
	}
	
	.languagebutton.desktop{margin: 10px;}
	.languagebutton.mobile{margin: 5px;}
	.languageMenuOptions.desktop{top: 41px;right:11px;}
	.languageMenuOptions.mobile{top: 36px;right:5px}
	
	#languageMenu, #countryMenu {margin:0;position: relative;list-style: none;float: right;cursor: pointer;padding:0;}
	div.divCountryMenu{width:350px;margin:auto;text-align:left;}
	#countryMenu {float:none!important;display:inline-block;vertical-align:middle;}
	
	#languageMenu ul, #countryMenu ul {
		position: absolute;
		background: #F9FDFF;
		width: 125px;
		height: 102px;
		display: none;
		list-style: none;
		overflow: auto;
		overflow-x: hidden;
		z-index: 100;
	}
			
	.divForgotDetails{display: none;}
	
	#languageMenu ul li, #countryMenu ul li{
		display: block;
		height: 17px;
		padding:8px 0px 8px 0px;
		text-align: center;
		width: 100%;
		list-style: none;
		margin: 0px;
		background: none;
		border: none;
		border-bottom: dashed 1px #DCE0E3;
		color:black;
		font-size: 12px;
	}
			
	#languageMenu ul li:hover , #countryMenu ul li:hover{background-color: rgb(207,235,248);}
	
	.languageFlag{vertical-align: top;margin-top: 1px;padding-right: 10px;height:15px;width:25px;}
	
	body.ui-mobile-viewport,
	div.ui-mobile-viewport { overflow: auto;}
	
	.languagebutton{
		height: 15px;
		width: 20px;
		background-size: 100%;
		background-repeat: no-repeat;
		text-align: center;
		background-color: #272F3A;
		border: solid 1px #05120D;
		background-position-x: 3px;
		background-position-y: 2px;
		float: right;
		padding: 6px 9px 6px 9px;
		border-radius: 5px;
	}
		
	.errorMsg{
		padding: 5px 0px 5px 0px;
		font-size:14px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		background: rgb(241, 41, 77);
		border: none;
		display: none;
		margin: inherit;
		text-align: left;
	}
	
	.errorMsg.icon{
		padding-left: 35px;	
		background-image: url('../images/infoicon.png');
		background-repeat: no-repeat;
		background-position: 0 50%;
	}	
	
	.errorMsg.small{width:180px;}
	
	.errorMsg.medium{width:210px;}
	
	.errorMsg.large{width:245px;}
	
	.errorMsg span{color: rgb(254,242,254);text-align: left;line-height: 20px;display:block;}
	
	.divDataErrorMsg{padding:5px;margin-top:10px;}
	
	/*logs row css*/
	.eventlistItem{
		list-style: none;
		background: #0e5b89; /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBlNWI4OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMGU1Yjg5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzBlNWI5MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
		background: -moz-linear-gradient(top,  #0e5b89 0%, #0e5b89 0%, #0e5b93 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0e5b89), color-stop(0%,#0e5b89), color-stop(100%,#0e5b93)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #0e5b89 0%,#0e5b89 0%,#0e5b93 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #0e5b89 0%,#0e5b89 0%,#0e5b93 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #0e5b89 0%,#0e5b89 0%,#0e5b93 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #0e5b89 0%,#0e5b89 0%,#0e5b93 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e5b89', endColorstr='#0e5b93',GradientType=0 ); /* IE6-8 */
	}
	
	.cameraEventlistItem{
		list-style: none;
		background: #0e5b89; /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBlNWI4OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMGU1Yjg5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzBlNWI5MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
		background: -moz-linear-gradient(top,  #0e5b89 0%, #0e5b89 0%, #0e5b93 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0e5b89), color-stop(0%,#0e5b89), color-stop(100%,#0e5b93)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #0e5b89 0%,#0e5b89 0%,#0e5b93 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #0e5b89 0%,#0e5b89 0%,#0e5b93 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #0e5b89 0%,#0e5b89 0%,#0e5b93 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #0e5b89 0%,#0e5b89 0%,#0e5b93 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e5b89', endColorstr='#0e5b93',GradientType=0 ); /* IE6-8 */
	}
	
	.divDateIcon, .divTimeIcon{
		width: 10px;
		height: 12px;
		background-size: 100%;
		background-repeat: no-repeat;
		display: inline-block;
		background-position: 0px 2px;
	}
	
	.divDateIcon {background-image: url('../images/calendarwhiteicon.png');}
	
	.divTimeIcon {background-image: url('../images/timewhiteicon.png');}
	
	.eventImageRoomArrow{
		background-image: url('../images/rightarrow.png');
		height: 15px;
		width: 15px;
		display: inline-block;
		background-size: 100%;
		background-repeat: no-repeat;
		visibility: hidden;		
		vertical-align: super;
	}	
	
	.rotate90{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}
	
	/*image room controls*/
	#imagecontrols{display:none;}
	
	.imageroomcontrols{height: 60px;background: black;border-radius: 100%;width: 60px;margin: auto;cursor:pointer;display: inline-block;}
	
	.imageroom_play{background-image: url("../images/imageroomplaylightblue.png");background-repeat: no-repeat;background-position: 15px 10px;}
	
	.imageroom_stop{background-image: url("../images/imageroomstoplightblue.png");background-repeat: no-repeat;background-position: 12px 10px;display:none;}
	
	.imageroom_prev{
		border-radius: 5px 0px 0px 5px;
		height: 35px;
		width: 50px;
		background-position: 0px -2px;
		position: relative;
		top: -12px;
		left: 12px;
		background-image: url("../images/imageroomprevlightblue.png");
		background-repeat: no-repeat;
	}	
	
	.imageroom_next{
		border-radius: 0px 5px 5px 0px;
		height: 35px;
		width: 55px;
		background-position: 18px -2px;
		position: relative;
		top: -12px;
		left: -12px;
		background-image: url("../images/imageroomnextlightblue.png");
		background-repeat: no-repeat;
	}
	
	#tbMobileHomeEventLogs{display:none;}
	
	/*filter field control bar*/
	.filterRowlbl{float:right;width:30%;line-height: 30px;}
	
	.filterRowcontrol{float:right;width:250px;}
	
	.divHomeControlBar{border-bottom: solid 1px #041486;}
	
	.subhomecontrolbar{clear:both;width:100%;padding:30px 0px;display:table;}
	
	.controlbardivider{width:0px;border-left:solid 1px #041486;border-right:solid 1px #268FC6;height:80px;display:table-cell;float:left;}	
		
	.controlbar{height:50px;width:100%;}
	
	.gmtLabel{font-size: 14px;float:right;color:#ffffff;font-weight:bold;line-height: 30px;display:none;}	
	
	.leftcolumn, .midcolumn, .rightcolumn{width:275px;float:left;padding-right:5px;display:table-row;}
	
	.filterRow{vertical-align: middle;height: 30px;padding: 5px 0px;text-align: right;}
/* 	.filterRow{display: table;height: 30px;padding: 5px 0px 5px 0px;width: 90%;text-align: right;margin: auto;} */
		
	.filterRow > div{float:right;}
	
	.filterRow input[type="text"]{/*margin: 0 2%;*/}
	
	.rightcolumn{width: 100px !important;padding-right: 0px !important;}
	
	.leftcolumn, .midcolumn, .rightcolumn{width:275px;float:left;padding-right:5px;display:table-row;}
	.midcolumn .btnSquare{margin-right:0!important;}
	
	.filterRow input[type="text"]{/*margin: 0 2%;*/}
	
	.rightcolumn{width: 100px !important; padding-right: 0px !important;}

	.dateTextBox{height: 30px;border: none;margin: 0px 5px 0 2px;max-width: 135px;width: 135px;padding: 0px;display:inline;margin:0px 5px 0px 5px;float: right;}
			
	#lblErrorTime{margin-top:6px;float:right;}
	
	.divAccStep1Title{line-height: 80px;float: left;}
	
	.divAccStep1Title div{background-image: url('../images/key.png');vertical-align: middle;margin-right: 5px;width: 20px;height: 20px;display: inline-block;}
	
	.divAccStep1Title span{font-size: 14px;}
	 	 
	/*STEP PROGRESS INDICATOR PLUGIN*/
	.stepIndicatorPlugin{padding: 0;list-style-type: none;margin: 0;color:rgba(255,255,255,0.7);font-size: 12px}
	
	.stepIndicatorPlugin .roundDiv {
		border: solid 5px rgba(9, 46, 75, 0.6);
		height: 25px;
		margin-left: -4px;
		width: 25px;
		border-radius: 50%;
		float: left;
		line-height: 25px;
		text-align:center;
		background-color:#045797;
		box-shadow: 0 0 3px 3px rgba(43, 41, 41, 0.2) inset;
		-webkit-box-shadow: 0 0 3px 3px rgba(43, 41, 41, 0.2) inset;
		-moz-box-shadow: 0 0 3px 3px rgba(43, 41, 41, 0.2) inset;
		-ms-box-shadow: 0 0 3px 3px rgba(43, 41, 41, 0.2) inset;
		-o-box-shadow: 0 0 3px 3px rgba(43, 41, 41, 0.2) inset;
	}
	.stepIndicatorPlugin .rectDiv {
		border-top: solid 2px rgba(9, 46, 75, 0.6);
		border-bottom: solid 2px rgba(9, 46, 75, 0.6);
		height: 2px;
		width: 100px;
		margin: 14px 0 0 -5px;
		float: right;
		border-left: none;
		border-right: none;
		position: relative;
		z-index: 2;
		background-color:#045797;
		box-shadow: 0 0 3px 3px rgba(43, 41, 41, 0.2) inset;
		-webkit-box-shadow: 0 0 3px 3px rgba(43, 41, 41, 0.2) inset;
		-moz-box-shadow: 0 0 3px 3px rgba(43, 41, 41, 0.2) inset;
		-ms-box-shadow: 0 0 3px 3px rgba(43, 41, 41, 0.2) inset;
		-o-box-shadow: 0 0 3px 3px rgba(43, 41, 41, 0.2) inset;
	}
	.stepIndicatorPlugin .rectDiv span{width:0;height:100%;display:block;}
	
	.stepIndicatorPlugin li{display: inline-block;margin-left: -1px;position:relative;}
	
	.stepIndicatorPlugin li div{background: #092E4B;}
	
	.stepIndicatorPlugin .stepTitle{position: absolute;display: table;width: 110px;margin: 40px 0 0 -42px;}
	
	.stepIndicatorPlugin .stepTitle span{margin: auto;display: table;word-break: break-word;text-align: center;}
	
	.currentStep .roundDiv, .currentStep .rectDiv span{
		background-color: rgba(44, 179, 231, 0.6) !important;
		color: white;
		box-shadow:0px 0px 7px 5px rgb(85, 205, 235) inset;
		-webkit-box-shadow:0px 0px 7px 5px rgb(85, 205, 235) inset;
		-moz-box-shadow:0px 0px 7px 5px rgb(85, 205, 235) inset;
		-o-box-shadow:0px 0px 7px 5px rgb(85, 205, 235) inset;
		-ms-box-shadow:0px 0px 7px 5px rgb(85, 205, 235) inset;
	}
	
	.currentStep .stepTitle {color: white;}
		
	h1{margin: 20px 0px;font-weight: normal;}
	
	h2{margin: 15px 0px;font-weight: normal;}
	
	h3{margin: 10px 0px;font-weight: normal;}
	
	h4{margin: 5px 0px;font-weight: normal;}
	
	.horizontalDivider{
		width: 100%;
		display: inline-block;
		border-top: solid 1px rgb(5,76,128);
		border-bottom: solid 1px rgb(40,111,163);
		z-index:100;
	}
	
	.selectedLogRow{background: white;color: #2cbef7;}
	
	.requiredFieldStar{padding: 5px 4px 5px 12px;vertical-align: middle;color: #36bbf1;}
	
	.requiredFieldStarQi{padding: 5px 4px 5px 1px;vertical-align: middle;color: #36bbf1;}
	
	.requiredFieldStar.contactFillerStar{visibility:hidden!important;}
		
	.mandatoryFields{color: #3AC8FD;line-height: 30px;font-size: 12px;}	
	
	.left{float:left;}	
	.rightflow{float:right;}	
	.darkBlueButton{height: auto;background: rgb(3, 0, 41);line-height: 30px;text-align: center;background-color: rgb(34,164,222);}
		
	.alignRight{text-align: right;}
	
	.validationErrors{
		margin-top: 10px;		
		background: rgb(255, 39, 82);
		color: white;
		border-radius: 3px;
		min-height: 20px;
		line-height: 20px;
		padding: 10px;
		display: none;
	}
	
	.downArrowExpand{
		background-image: url('../images/downarrow.png');
		height: 21px;
		width: 10px;
		display: inline-block;
		background-size: 100%;
		background-repeat: no-repeat;
	}
		
	.ExpandContainer{width: 100%;min-height: 100px;clear: both;border-top: solid 2px gray;}	
	
	/*custom popup desktop width*/
	.divMsgBoxWidth{max-width: 500px !important;width:90%;}
	
	.emptyMenu table {background: none !important;width: 100%;text-align: center;}
	
	#left-panel{z-index: 20000;}
	
	.pointer{cursor: pointer;}

	.userMgmtContainer{background-color: #0D1623;width: 440px;margin: auto;display: inline-block;padding: 20px 30px;margin-top: 50px;}
	.userMgmtContainer .colleft{width: 170px;float: left;} 
	.userMgmtContainer .colright{width: 270px;float: right;text-align: right;} 
	.userMgmtContainer .colright .errorMsg{margin-left: 25px;}
	
	.marginTop0{margin-top:0px}
	.marginTop10{margin-top:10px!important}
	.marginTop20{margin-top:20px}
	
	.showHideArrow{width: 25px;height: 25px;cursor:pointer;float: right;background-image: url('../images/showhideicon.png');background-size:100%;}	 
		
	/* General Style */
	.hyperlink{color: #36bbf1;cursor: pointer;}
	
	/* Primary Colors */
	
	.colorBlueDark{background-color: #0d1623;}
	
	.colorBlueLight{background-color: #165f98;}
	
	.colorBlueLighter{background-color: #3AC8FD;}
	
	.colorRed{background-color: #EB212E;}
	
	.colorGreenDark{background-color: #1B692C;}
	
	.colorGreenLight{background-color: #299C42;}	
	
	.btnSquare{max-width:20px;min-width:20px;}
	
	.btnSmaller{min-width: 60px;max-width:70px;}
	
	.btnCustPopup{min-width: 90px;max-width:100px;}
	
	.btnXSmall{min-width: 40px;max-width: 40px; height:19px!important;line-height:19px!important;font-size:smaller!important;}
	
	.btnSmall{min-width: 120px;max-width: 140px;}
	
	.btnMedium{min-width: 150px;max-width: 180px;}
	
	.btnLarge{max-width: 220px;min-width: 220px;}
	
	.btnLarger{max-width: 246px;min-width: 246px;}
	
	.btnXLarge{max-width:311px;min-width: 311px}
	
	.btn img{padding: 5px 0px 5px 0px;float: left;}
	
	.btn span{display: block;margin: auto;text-align: center;}
	
	#selectSimCardMobileOp option { color: black; }
	
	.empty { color: gray; }	
	
	input[type="checkbox"] {display: inline-block;opacity:0}
	
	input[type="checkbox"] + label {}
		
	.consumptionBtn{min-width: 160px;display: inline-block;background: green;border-radius: 0px 3px 3px 0px;text-align: center;line-height: 30px;}
	
	input[type="checkbox"] + label span {
	    display:inline-block;
	    width:19px;
	    height:19px;
	    margin-left:-20px;
	    vertical-align:middle;
	    background:url('../images/check_radio_sheet.png') left top no-repeat;
	   /* cursor:pointer;*/
	}
	
	input[type="radio"] {display: inline-block;opacity:0}
	
	input[type="radio"] + label {cursor:pointer;}
	
	input[type="radio"] + label span {
	    display:inline-block;
	    width:19px;
	    height:19px;
	    margin-left:-20px;
	    vertical-align:middle;
	    background:url('../images/check_radio_sheet.png') -39px top no-repeat;
	    cursor:pointer;
	}
	
	input[type="radio"]:checked + label span {background:url('../images/check_radio_sheet.png') -58px top no-repeat;}
	input[type="radio"]:disabled + label,	
	input[type="radio"]:disabled + label span{opacity:0.5}
			
	input[type="checkbox"]:checked + label span {background:url('../images/check_radio_sheet.png') -19px top no-repeat;}
	input[type="checkbox"]:disabled + label,	
	input[type="checkbox"]:disabled + label span{opacity:0.5}
	
	/* DESKTOP/CSS/LOGINMEDIAQUERY */
	#wrapper{width:940px;padding:0 10px;margin:auto;}
	
	.divLoginContainer {width: 560px;margin: auto;padding-top: 10%;}
	
	.loginControls {width: 480px;height: auto;margin: auto;min-height: 200px;padding: 30px;}	
	
	.mLoginControls{padding: 10px;}
			
	.loginFooter img {src: url('../images/footerlogo.png');}
	
	.verticalDivider {
		height: 75%;
		display: inline-block;
		position: absolute;
		border-left: solid 1px rgb(40, 111, 163);
		border-right: solid 1px rgb(5, 76, 128);
		top: 35px;
		z-index: 97;
	}
	.verticalDividerUm {
		height: 100%;
		display: inline-block;
		
		border-left: solid 1px rgb(40, 111, 163);
		border-right: solid 1px rgb(5, 76, 128);
		top: 35px;
		z-index: 97;
	}
	.loginLeft {width: 265px;float: left;display: inline-block;border-right: solid 1px rgb(20, 63, 101);}
	
	.loginHelp {
		height: 20px;
		width: 20px;
		border-radius: 50%;
		background: #143f65;
		display: inline-block;
		margin-top: 23px;
		background-size: 100%;
		cursor: pointer;
		background-image: 0px 0px;
		line-height: 20px;
		text-align: center;
	}
	
	.loginHelp:hover {color: #36bbf1;}
	
	.loginHelpPopup {margin: -75px 0 0 -45px;}
	
	.accountAct {float: right;width: 210px;display: inline-block;text-align: center;border-left: solid 1px #268FC6;}
	
	.circleImage{border: dashed 2px white;border-radius: 50%;height: 120px;width: 120px;margin: 30px auto;cursor:pointer;}
	.circleImage div {width: 90%;height: 90%;background: white;border-radius: 50%;background-repeat: no-repeat;background-size: 71%;background-position: 36%;margin: 5%;}
	.circleImage div.createUSR {background-image: url('../images/createaccount.png');}
	.circleImage div.changePWD {background-image: url('../images/changepassword.png');}
	.circleImage div.changeEMAIL {background-image: url('../images/email.png');}
	.rememberChkbox {height: 15px;width: 15px;}
	
	.rememberText {
		padding-right: 5px;
		text-align: right;
		cursor: pointer;
	}

	/* Forgot Username screen CSS defined */
	.frgtUserNameHeaderBtn{
		position: relative;
		margin: auto;
		top: 40%;
		text-align: center;
		cursor: pointer;
		height: 30px !important;
		line-height: 30px !important;
		color: #84B0B4;
		background-color: #113e65;
	}
	
	.selectedfrgtUnameOption {}
	
	.divforgotUserName {display: none;padding: 8%;width: 84%;}
	
	.mDivforgotUserName {display: none}
	
	.helpForgot {margin-left: -4px;}
	
	#txtForgotPasswordOTP{/*width:67px;*/}

	.largeTextBox{width:276px;}
	
	.forgotControlArea {padding: 20px 17px 0px 0px;}

	.forgotUnameScreens{text-align:center;min-height: 200px;padding: 20px;clear:both}
	
	.mForgotUnameScreens {text-align:center;min-height: 100px;clear:both}	
	
	.forgotUnameButtons{text-align: center;margin-top: 15px;margin-left: 27px;}
		 
	.rowSelected{background: white;color: rgb(0, 182, 167);}
	
	#lblForgotUsername{border-radius:4px 0px 0px 4px;}
	
	#lblForgotPassword{border-radius:0px 4px 4px 0px;}
	
	.forgotUsernameText{text-align:left;}	
	
	.loginusername{background-image: url('../images/usershadowicon.png');background-repeat: no-repeat;background-size: 22px;background-position: 5px;}
	
	.loginpassword{background-image: url('../images/lockicon.png');background-repeat: no-repeat;background-size: 16px;background-position: 5px;}
	
	.CompanyName{position: absolute;vertical-align: top;margin-top: 30px;}
	
	.divForgotPasswordControls{display: none;}
	
	.forgotUsername{padding-top: 10%;}
	
	/* 	End of Forgot Username screen CSS */
	
	.divloginSubHeader {height: 39px;border-top: solid 1px #28303b;	border-bottom: solid 1px #061a2a;text-align: right;}
		
	.testDiv {width: 100%;height: 60px;background: red;}
	
	/*ACCOUNT ACTIVATION*/
	#divAccountActivate {display: none;width: 95%;padding-left: 15px;padding-right: 16px;position:relative;}
	
	.accountControls {width: 100%;}
	
	.accountStep {padding: 20px 18px;text-align: center;}
	
	.accountContent {margin: auto;display: table;}
	
	#divAccountHeader {height: 60px;padding: 30px 0;}
	
	#divAccountFooter {text-align: right;padding: 10px 48px;width: 86%;}
	
	#txtAccountPhoneNo {margin-left: 26px;}
	
	.ActivationcodeBubble {
		position: relative;
		width: 380px;
		height: 50px;
		padding: 15px 0px 15px 0px;
		background: none;
		box-shadow: inset 0 0 10px #000;
		/*	margin-top: 10px;*/
		float: right;
		text-align: center;
		line-height: 50px;
	}
	
	.ActivationcodeBubble:after {
		content: "";
		position: absolute;
		top: 30px;
		left: -20px;
		border-style: solid;
		border-width: 10px;
		border-color: transparent #0F3A5C transparent transparent;
		display: block;
		width: 0;
		z-index: 1;
	}
	
	.SmsCodeBubble {
		position: relative;
		width: 380px;
		height: 65px;
		padding: 15px 0px 4px 0px;
		background: none;
		box-shadow: inset 0 0 10px #000;
		text-align: center;
		line-height: 50px;
		margin-left:250px;
	}
	
	#divAccountStep1 {display: none;height: 80px;padding: 70px 10px;}
	
	#divSmsActivationSucrediv{height:80px;padding:20px 320px 30px 32px;}
	
	#divSmsActivationQI{height:80px;padding:16px 174px 30px 0px;}
	
	#smscodehelptext {  float: right;  margin: 25px 0 0 10px;}
	
	#divCMSSmsCodeActivation {height: 80px; width: 560px;}
	
	#divAccountStep4 {padding: 130px 0;}
	
	#txtAccountCaptcha {width: 160px;margin-bottom: 14px;}
		
	.parentAccountCaptcha{display: inline-block;text-align: right;width: 100%;}
	
	#imgAccountCaptcha {margin: 20px 0 0;float: right;height: 75px;width: 215px;min-height: 75px;}
	
	/*.LoginTextControl{width: 209px;padding-left: 35px;padding-top: 5px;padding-bottom: 5px;-webkit-border-radius:3px;border-radius:3px;margin-top: 10px;border:none;}*/
	
	#btnRefreshCaptcha {vertical-align: middle;}
	
	#lblTerms {word-break: break-word;clear: both;max-width: 208px;text-align: left;margin-left: 23px;font-size: 11px;}
	
	#lblTerms a {font-weight: bold;}
	
	#helpAccountCode {float: right;margin: 25px 0 0 10px;}
		
	.accountDetails {height: 100%;width: 274px;padding: 0px;margin: 0px;display: inline-block;vertical-align: top;text-align: left;}
	
	.mDivRememberMe {text-align: left;padding: 5px;min-height: 30px;width: 246px;margin: auto;}
		
	.divRememberMe {width: 215px;clear: both;padding: 0px 0px 10px 0px;text-align: left;min-height: 33px;}
		
	.divloginPageView {display: inline-block;padding: 40px;}
	
	.lbNextEvents{line-height: 50px;}
		
	/**HOTLINER login CSS*/
	.divHotlinerBox {
		background-position: 15px 50%;
		text-align: left;
		margin: auto;
		top: 200px;
		z-index: 10000;
		background: #0a4270;
		box-shadow: inset 0 4px 0 #64ae3c;
	}
	
	
	.ListArrow{
		background-image: url('../images/rightarrow.png');
		height: 10px;
		width: 10px;
		display: inline-block;
		background-size: 100%;
		background-repeat: no-repeat;
		/*visibility: hidden;*/
		margin: 13px;
		float: right;
	}
	.ListArrow.mobile{margin:10px 5px!important;padding:4px;}
	
	#divHotlinerMsg {min-height: 50px;margin: 0px;padding: 10px;word-break: break-all;}
	
	.divHotlinerBoxWidth {width: 426px !important;}

	.hotlinerButtons {text-align: center;clear: both;padding: 10px;}
	
	.hotlinerTitle {padding: 16px;}

	/* COMMON/CSS/COMMONSTYLES.CSS*/

 	.symbol {font-size:25px;text-align:center;}
	
	/*Msg Box common styles*/
	
	.divMsgBox{		
		background-position: 15px 50%;
		text-align: left;
		margin: auto;
		top: 200px;
		z-index: 2000000;
		background: #0a4270;
		box-shadow: inset 0 4px 0 #64ae3c;
	}
		
	.divMsgBox .title{padding:15px 10px 10px 15px;margin: 0px;font-weight: bold;}
		
	.divMsgBox .icon{width:16%;min-height:100px;background:blue;float:left;padding:2%;}
		
	.divMsgBox .msgText{padding: 10px;background-position: 20px 50%;background-size:50px;background-repeat: no-repeat;}
		
	.divMsgBox .msgButtons{text-align: right;clear: both;padding: 10px;}
	
	#msgText{min-height: 50px;margin: 0px;padding: 0px 0px 0px 80px;word-break: break-word;}
	
	.positionfixed{/*used for the custom popup*/ position:fixed !important; /*keep the popup in the center of the screen at all times*/}
	
	.popupTimer{position: relative;top:40px;margin-left:5px;}
	
	.popupTimer .customtimerDataSpan{float:left; margin-right:5px;text-align:center;}
	
	.showmodal{text-align:left;z-index:20000;position:absolute;display:block;width:100%;top:35%;}  
	
	.showmodaltop{top:6%;!important}
	
	.hidemodal{display:none;}
		
	.divFullScreenOverlay{
		display:none;
		background:rgba(167, 167, 167, 0.85);
		z-index:9000;/*500;*/
		position:absolute;
		top:0px;     
		left:0; 
		height: 100%;
		width:inherit;
	}	
	
	.divContentScreenOverlay{
		display:none;
		background-color: #000000;
		position:absolute;
		opacity:.6;
		z-index: 100;
		top:0px;      
		height: 100%;
		width:100%;
	}
	
	 .imgRoomNavControls{
	 	text-align: center;
	 	padding:15px;
	 	-moz-user-select: -moz-none;
		-khtml-user-select: none;
		-webkit-user-select: none;
		-o-user-select: none;
		user-select: none;
	}
	
	.imageroomImgRoot{width: 100%;height:217px;clear:both;}
	
	.imageroomImgRootm{width: 100%;height:100%;clear:both;}
	
	
	.videoRoomDate{width: 200px;padding: 5px;min-height: 30px;float: left;line-height: 30px;text-align: left;}
	
	.inactiveDot{display: none;height: 8px;width: 8px;margin: 1px;border-radius: 100%;background-color: black;vertical-align: middle;}
	
	.activeDot{background-color:#3AC8FD;border:solid 2px black;}
		
	.addOptions{width: 100px;height: 30px;padding: 5px 0px 5px 5px;float: right;}
			
	.divUserManagement .errorMsg{margin: auto;}

	.gifprogressbar{margin: 10px auto;display: none;width:100px;height: 10px;background-image: url('../images/progressbar.gif');}
	
	.progressmeter { 
		display:none;
		height: 10px; 
		width:140px;
		margin:auto;
		border-radius:3px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		-o-border-radius:3px;
		-ms-border-radius:3px;
	}
	
	.progressmeter > span {
		display: block;
		position:relative;
		height: 100%;			 
		-webkit-box-shadow: 
		  inset 0 2px 9px  rgba(255,255,255,0.3),
		  inset 0 -2px 6px rgba(0,0,0,0.4);
		-moz-box-shadow: 
		  inset 0 2px 9px  rgba(255,255,255,0.3),
		  inset 0 -2px 6px rgba(0,0,0,0.4);
		box-shadow: 
		  inset 0 2px 9px  rgba(255,255,255,0.3),
		  inset 0 -2px 6px rgba(0,0,0,0.4);
	}
	
	.progressmeter > span:after, .animate > span > span {
		content: "";
		position: absolute;
		top: 0; left: 0; bottom: 0; right: 0;
		background-image: 
		   -webkit-gradient(linear, 0 0, 100% 100%, 
		      color-stop(.25, rgba(255, 255, 255, .2)), 
		      color-stop(.25, transparent), color-stop(.5, transparent), 
		      color-stop(.5, rgba(255, 255, 255, .2)), 
		      color-stop(.75, rgba(255, 255, 255, .2)), 
		      color-stop(.75, transparent), to(transparent)
		   );
		background-image: 
			-moz-linear-gradient(
			  -45deg, 
		      rgba(255, 255, 255, .2) 25%, 
		      transparent 25%, 
		      transparent 50%, 
		      rgba(255, 255, 255, .2) 50%, 
		      rgba(255, 255, 255, .2) 75%, 
		      transparent 75%, 
		      transparent
		   );
		z-index: 1;
		-webkit-background-size: 50px 50px;
		-moz-background-size: 50px 50px;
		-webkit-animation: move 2s linear infinite;
		overflow: hidden;
	}

	.animate > span:after {display: none;}

	@-webkit-keyframes move {
	    0% {
	       background-position: 0 0;
	    }
	    100% {
	       background-position: 50px 50px;
	    }
	}
	
	@keyframes move {
	    0% {
	       background-position: 0 0;
	    }
	    100% {
	       background-position: 50px 50px;
	    }
	}	
	
	.progressmeterblue > span {
		background-color: #0B3D62;
		background-image: -moz-linear-gradient(top, #165f98, #0B3D62);
		background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #165f98),color-stop(1, #0B3D62));
		background-image: -webkit-linear-gradient(#165f98, #0B3D62); 
	}
		
	.LoginForgotUserName{
		text-shadow: none;
		padding: 15px 0px 15px 0px;
		cursor: pointer;
		text-align: left;
	}	
	
	.LoginForgotUserName.desktop{width: 214px;display: block;}
	
	.LoginForgotUserName.mobile{width: 246px !important;display: inline-table !important;}
				
	.btn{
		height: 32px;
		line-height: 30px;
		color:white;
		border-radius: 3px;
		overflow: hidden;
		font-weight: bold;
		font-size:13px;
		text-shadow: 1px 1px rgba(0, 0, 0, 0.20);
		cursor: pointer;
		border:none;
		text-align: center;
		display: inline-block;
		margin:0px 3px 0px 3px;
		z-index: 100;
		padding:0 5px 0 5px;
	}
	
	.btnNavyBlue{
		background: rgba(20, 41, 58, 1);
		border: solid 1px rgb(60, 60, 60);
	}

	.btnGreen{
		background-color: #299C42;
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1B692C), to(#299C42)); /* Safari 4-5, Chrome 1-9 */
		background: -webkit-linear-gradient(top, #1B692C, #299C42); /* Safari 5.1, Chrome 10+ */
		background: -moz-linear-gradient(top, #1B692C, #299C42); /* Firefox 3.6+ */
		background: -ms-linear-gradient(top, #1B692C, #299C42); /* IE 10 */
		background: -o-linear-gradient(top, #1B692C, #299C42); /* Opera 11.10+ */
	}
	
	.btnSkyBlue{
		background-color: #268FC6;
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#268FC6), to(#3AC8fD));/* Safari 4-5, Chrome 1-9 */
		background: -webkit-linear-gradient(top, #268FC6, #3AC8fD); /* Safari 5.1, Chrome 10+ */
		background: -moz-linear-gradient(top, #268FC6, #3AC8fD); /* Firefox 3.6+ */
		background: -ms-linear-gradient(top, #268FC6, #3AC8fD); /* IE 10 */
		background: -o-linear-gradient(top, #268FC6, #3AC8fD); /* Opera 11.10+ */
	}
	
	.btnDarkBlue{
		background: #115f97; /* Old browsers */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzExNWY5NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYzQ5NzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  #115f97 0%, #0c4979 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#115f97), color-stop(100%,#0c4979)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #115f97 0%,#0c4979 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #115f97 0%,#0c4979 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #115f97 0%,#0c4979 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #115f97 0%,#0c4979 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#115f97', endColorstr='#0c4979',GradientType=0 ); /* IE6-8 */
	}
	
	.ltArrowBtnGreen,.rtArrowBtnGreen,
	.ltArrowBtnSkyBlue,.rtArrowBtnSkyBlue,
	.ltArrowBtnDarkBlue,.rtArrowBtnDarkBlue{
		position: relative;
		overflow: visible;
		height: auto;
		padding: 0px 5px 0px 5px;
	}
	
	.ltArrowBtnSkyBlue.left{left:15px;}
	
	.ltArrowBtnGreen:before {
		background-color: #299C42;
		background: -webkit-gradient(horizontal, 0% 0%, 0% 100%, from(#1B692C),
			to(#299C42));
		background: -moz-linear-gradient(-45deg, #1B692C 0%, #1B692C 0%, #299C42 0%, #299C42
			100%, #299C42 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #1B692C),
			color-stop(0%, #1B692C), color-stop(0%, #1B692C),
			color-stop(100%, #299C42), color-stop(100%, #299C42));
		/* Chrome,Safari4+ */
		background: -webkit-linear-gradient(-45deg, #1B692C 0%, #1B692C 0%, #1B692C 0%,
			#299C42 100%, #299C42 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(-45deg, #1B692C 0%, #1B692C 0%, #1B692C 0%, #299C42
			100%, #299C42 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(-45deg, #1B692C 0%, #1B692C 0%, #1B692C 0%, #299C42
			100%, #299C42 100%); /* IE10+ */
		background: linear-gradient(135deg, #1B692C 0%, #1B692C 0%, #1B692C 0%, #299C42 100%
			, #299C42 100%); /* W3C */
		border: none;
		content: '';
		display: block;
		height: 22px;
		left: -9px;
		position: absolute;
		top: 4px;
		-moz-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
		width: 21px;
		z-index: -1;
	}

	.rtArrowBtnGreen:before {
		background-color: #299C42;
		background: -webkit-gradient(horizontal, 0% 0%, 0% 100%, from(#1B692C),
			to(#299C42));
		background: -moz-linear-gradient(-45deg, #1B692C 0%, #1B692C 0%, #299C42 0%, #299C42
			100%, #299C42 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #1B692C),
			color-stop(0%, #1B692C), color-stop(0%, #1B692C),
			color-stop(100%, #299C42), color-stop(100%, #299C42));
		/* Chrome,Safari4+ */
		background: -webkit-linear-gradient(-45deg, #1B692C 0%, #1B692C 0%, #1B692C 0%,
			#299C42 100%, #299C42 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(-45deg, #1B692C 0%, #1B692C 0%, #1B692C 0%, #299C42
			100%, #299C42 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(-45deg, #1B692C 0%, #1B692C 0%, #1B692C 0%, #299C42
			100%, #299C42 100%); /* IE10+ */
		background: linear-gradient(135deg, #1B692C 0%, #1B692C 0%, #1B692C 0%, #299C42 100%
			, #299C42 100%); /* W3C */
		border: none;
		content: '';
		display: block;
		height: 21px;
		right: -9px;
		position: absolute;
		top: 5px;
		-moz-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
		width: 21px;
		z-index: -1;
	}

	.ltArrowBtnSkyBlue:before {
		background-color: #268FC6;
		background: -webkit-gradient(horizontal, 0% 0%, 0% 100%, from(#268FC6),
			to(#3AC8fD));
		background: -moz-linear-gradient(-45deg, #268FC6 0%, #268FC6 0%, #299C42 0%, #3AC8fD
			100%, #3AC8fD 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #268FC6),
			color-stop(0%, #268FC6), color-stop(0%, #268FC6),
			color-stop(100%, #3AC8fD), color-stop(100%, #3AC8fD));
		/* Chrome,Safari4+ */
		background: -webkit-linear-gradient(-45deg, #268FC6 0%, #268FC6 0%, #268FC6 0%,
			#3AC8fD 100%, #3AC8fD 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(-45deg, #268FC6 0%, #268FC6 0%, #268FC6 0%, #3AC8fD
			100%, #3AC8fD 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(-45deg, #268FC6 0%, #1B692C 0%, #268FC6 0%, #3AC8fD
			100%, #3AC8fD 100%); /* IE10+ */
		background: linear-gradient(135deg, #268FC6 0%, #268FC6 0%, #268FC6 0%, #3AC8fD 100%
			, #3AC8fD 100%); /* W3C */
		border: none;
		content: '';
		display: block;
		height: 21px;
		left: -9px;
		position: absolute;
		top: 5px;
		-moz-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
		width: 21px;
		z-index: -1;
	}
	
	.rtArrowBtnSkyBlue:before {
		background-color: #268FC6;
		background: -webkit-gradient(horizontal, 0% 0%, 0% 100%, from(#268FC6),
			to(#3AC8fD));
		background: -moz-linear-gradient(-45deg, #268FC6 0%, #268FC6 0%, #299C42 0%, #3AC8fD
			100%, #3AC8fD 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #268FC6),
			color-stop(0%, #268FC6), color-stop(0%, #268FC6),
			color-stop(100%, #3AC8fD), color-stop(100%, #3AC8fD));
		/* Chrome,Safari4+ */
		background: -webkit-linear-gradient(-45deg, #268FC6 0%, #268FC6 0%, #268FC6 0%,
			#3AC8fD 100%, #3AC8fD 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(-45deg, #268FC6 0%, #268FC6 0%, #268FC6 0%, #3AC8fD
			100%, #3AC8fD 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(-45deg, #268FC6 0%, #1B692C 0%, #268FC6 0%, #3AC8fD
			100%, #3AC8fD 100%); /* IE10+ */
		background: linear-gradient(135deg, #268FC6 0%, #268FC6 0%, #268FC6 0%, #3AC8fD 100%
			, #3AC8fD 100%); /* W3C */
		border: none;
		content: '';
		display: block;
		height: 21px;
		right: -9px;
		position: absolute;
		top: 5px;
		-moz-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
		width: 21px;
		z-index: -1;
	}
	
	.ltArrowBtnDarkBlue:before {
		background-color: #115f97;
		background: -webkit-gradient(horizontal, 0% 0%, 0% 100%, from(#115f97),
			to(#0c4979));
		background: -moz-linear-gradient(-45deg, #115f97 0%, #115f97 0%, #299C42 0%, #0c4979
			100%, #0c4979 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #115f97),
			color-stop(0%, #115f97), color-stop(0%, #115f97),
			color-stop(100%, #0c4979), color-stop(100%, #0c4979));
		/* Chrome,Safari4+ */
		background: -webkit-linear-gradient(-45deg, #115f97 0%, #115f97 0%, #115f97 0%,
			#0c4979 100%, #0c4979 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(-45deg, #115f97 0%, #268FC6 0%, #115f97 0%, #0c4979
			100%, #0c4979 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(-45deg, #115f97 0%, #1B692C 0%, #115f97 0%, #0c4979
			100%, #0c4979 100%); /* IE10+ */
		background: linear-gradient(135deg, #115f97 0%, #115f97 0%, #115f97 0%, #0c4979 100%
			, #0c4979 100%); /* W3C */
		border: none;
		content: '';
		display: block;
		height: 21px;
		left: -9px;
		position: absolute;
		top: 5px;
		-moz-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
		width: 21px;
		z-index: -1;
	}
	/* Toggle Switch related CSS */
	.onoffswitch{position: relative; width: 81px;-webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;}

	.onoffswitch-checkbox{display: none;}

	.onoffswitch-label{display: block; overflow: hidden; cursor: pointer;border: 2px solid #9C9C9C; border-radius: 5px;}
	
	.onoffswitch-inner {
	    width: 200%; margin-left: -100%;
	    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
	    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
	}
	
	.onoffswitch-inner:before, .onoffswitch-inner:after {
	    float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
	    color: white; font-weight: bold;
	    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	}
	
	.onoffswitch-inner:before {content: "ON";padding-left: 10px;background-color: #67B828;}
	
	.onoffswitch-inner:after {content: "OFF";padding-right: 10px;background-color: #F00303;text-align: right;}
	
	.onoffswitch-switch {
		width: 30px; margin: 0px;
	    background: #EDE4E4;
	    border: 2px solid #9C9C9C; border-radius: 5px;
	    position: absolute; top: 0px; bottom: 0; right: 47px;
	    -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
	    -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; 
	    background-image: -moz-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
	    background-image: -webkit-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
	    background-image: -o-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
	    background-image: linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
	}
	
	.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {margin-left: 0;}
	
	.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {right: 0px;}
	
	.tipsy { padding: 5px;position: absolute; z-index: 100000;margin-left: 5px;max-width: 200px;}
	.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center;font-size: 14px}
	.tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
	.tipsy-arrow { position: absolute; background: url('../images/tipsy.gif') no-repeat top left; width: 9px; height: 5px; }
	.tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
	.tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
	.tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
	.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
	.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
	.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
	.tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
	.tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }
	
	.imgHelp{
		background: url('../images/helpicon.png');
		position: relative;
		top: 5px;
		left: 5px;
		border-radius:10px;
		width:20px;height:20px;		
		background-size:100%;
		display: inline-block;
	}	
		
	.inpError{border:solid 1px red !important;}
	
	.inpErrorUserIcon{color: red;text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;}
	
	.btnCircle20{
		width: 20px;
		height: 20px;
		background: white;
		border-radius: 50%;
		line-height: 20px;
		color: black;
		display: inline-block;
		margin-left: 6px;
		cursor: pointer;
		vertical-align: middle;
	}
	
	.refreshBlackIcon{background:url('../images/refreshblack.png');width: 15px;height: 15px;margin: 3px;}
	
	/*for video logs, event list*/
	img.imgMobileEventIcon {width: 36px;height: 36px;}
	
	/* Style for Ligature Symbols */	
	@font-face {
    font-family: 'LigatureSymbols';
    src: url('../fonts/LigatureSymbols-2.11.eot');
    src: url('../fonts/LigatureSymbols-2.11.eot?#iefix') format('embedded-opentype'),
         url('../fonts/LigatureSymbols-2.11.woff') format('woff'),
         url('../fonts/LigatureSymbols-2.11.ttf') format('truetype'),
         url('../fonts/LigatureSymbols-2.11.svg#LigatureSymbols') format('svg');
    src: url('../fonts/LigatureSymbols-2.11.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
	}
	
	/*Custom Text Box with Ligature Text*/
	.txtControlWithLig{
		font-size:24px;
		color: rgb(196,192,192);
		border: 1px solid;
		border-color: #FFF;
		background:rgb(255,255,255);
		padding: 0 0 0 8px;
		border-radius: 4px;
		margin-top: 20px;
		display:inline-block;
		height:24px;
	}
	.txtControlWithLig input{
		/*width:178px;*/
		width:calc(100% - 33px);
		border:none;
		vertical-align: middle;
		margin-top: -2px;
		outline: 0;
		padding:0 0 0 10px;
	}
	.alignRight .txtControlWithLig{padding:0;}
	
	.parentTxtControlWithLigFocus{border-color: rgb(77, 144, 254) !important;} 
	
	.customLigTextDisabled {background: rgb(235, 235, 228) !important;border-color: rgb(235, 235, 228) !important;}
	
	.customLigTextWidth103{width:101px;max-width:103px;}
	
	.customLigTextWidth130{width:120px;max-width:130px;}
	
	.customLigTextWidth215{width:205px;max-width:215px;}	
	
	.customLigTextWidth311{width:309px;max-width:311px;}

	/*#HeaderButtons.mobile{height:30px;}*/
	
	#HeaderButtons.desktop{float:right;padding-top:10px;height:30px;}
	
	#HeaderButtons > ul{padding: 0;list-style-type: none;height:100%;text-align: center;margin:0px}
		
	#HeaderButtons > ul > li {display: inline-table;margin: 0 5px;float:right;}
		
	#HeaderButtons > ul > li > img{width:100%;height:100%;}
	
	#HeaderButtons > ul > li:nth-child(1),#HeaderButtons > ul > li:nth-child(2), #HeaderButtons > ul > li:nth-child(4){cursor:pointer;}
	
	/*Header sub menu*/
	.headerBtnSubMenu{position:relative;}
	
	#headerSubMenuButtons, .AdminMainMenuContent{
		display:none;
		position: absolute;
		margin: 5px 0;
		background: #272F3A;
		border-radius: 5px;
		border: solid 1px #36bbf1;
		padding:0;
		z-index:1001;
	}
	
	#headerSubMenuButtons li, .AdminMainMenuContent li{list-style-type:none;}
	#headerSubMenuButtons .triangleup, .AdminMainMenuContent .triangleup{
		position: absolute;
		border-bottom: solid 5px #2cb3e7;
		border-left: solid 5px transparent;
		border-right: solid 5px transparent;
		height: 0;
		width: 0;
		top: -5px;
		font-size: 14px;
	}
	
	.triangleup.right{rigth:8px;}
	
	#headerSubMenuButtons ul, .AdminMainMenuContent ul{margin: 0;padding: 0;}
	
	#headerSubMenuButtons ul li , .AdminMainMenuContent ul li{
		list-style-type: none;
		height: 35px;
		vertical-align: middle;
		line-height: 35px;
		border-bottom: solid 1px #36bbf1;
		padding:3px;
		text-align:left;
		width:200px;
	}
	
	#headerSubMenuButtons ul li:hover , .AdminMainMenuContent ul li:hover{background: #1B2027;}
	
	#headerSubMenuButtons .HeaderSubMenuButton img, .AdminMainMenuConte .HeaderSubMenuButton img, .HeaderSubMenuButton span {
		height: 18px;
		vertical-align: middle;
		width: 18px;
		float: left;
		margin: 8px 3px;
	}
	
	
	
	#headerSubMenuButtons .HeaderSubMenuButton div, .AdminMainMenuContent .HeaderSubMenuButton div{
		overflow: hidden;
		float: left;
		min-width: 100px;
		max-width:172px;
		max-height: 35px;
		text-align: left;
		word-break:break-all;
		font-size: 13px;
	}
	
	.menuImage{background-position-x: 50%;background-repeat: no-repeat;height: 36px;background-position: 50% -6px;}
	
	.divHomeMenuTabs {height: 72px;width: 100%;box-shadow: inset 0 0 10px #000;}
	
	.divHomeMenuTabs table{
		height:100%;
		padding: 0px;
		margin: 0px;
		border-top:solid 1px #267CB2;
		border-spacing: 0px;
		border:none;
	}
	
	.divHomeMenuTabs table th,
	.divHomeMenuTabs table td {font-size:12px;cursor:pointer;padding: 0px;box-shadow:inset 0 0 10px #000;min-width:92px;max-width: 92px;padding:0px 5px;}
	.divHomeMenuTabs table td span{text-align: center;width: 100%;display: block;}		
	
	.mnuSelected{font-weight:bold;border-left: solid 1px #267CB2;border-right: solid 1px #267CB2;position: relative;box-shadow: inset 0 0 0px #000 !important;} 
	
	.activemenu{background-position:50% -55px;}
	
	.passwordInstruction{width: 90%;margin: auto;padding: 5px;overflow: auto;max-height: 40px;}
	
	.connectedIcon{width: 30px;height: 30px;float: right;line-height: 30px;cursor:default;}

	.connectedIcon.desktop{padding: 0px 5px;border-right: solid 3px #3AC8FD;margin-right: 10px;}
	
    /*.panelConnected{color:green;}
	
	.panelDisconnected{color:red;}*/
	
	.panelConnected{margin: auto;background: url('../images/conn_main.png') no-repeat center;}
	
	.panelDisconnected{margin: auto;background: url('../images/disconn_main.png') no-repeat center;}
	
	
	.divQuickInstall{padding: 20px;}
	
	.QIInstructionContainer{min-width: 505px;background: rgb(7,35,55);margin: 50px auto;width: 505px;padding: 40px 60px 40px 60px;min-height: 3px;}
	
	.QIdeviceInputSelect{margin:10px 30px 5px 10px !important;}
		
	.divSilentPart{margin-left: 3px;}
	
	.QIContentArea{padding:10px 50px 10px 50px;text-align: left;}

	.etherNetScreen.Error{text-align: left;padding: 20px;}	
  
	.QIimage{
		display: inline-block;
		padding: 10px 20px 10px 20px;
		border-right: solid 1px rgb(5,76,128);
		clear: both;
		vertical-align: top;
		float: left;
	}
	
	.QIimage img{min-width: 40px;min-height: 40px;display:block;width:40px;height: 40px;}

	.QIInstruction{}		
		
	.Icon{width: 200px;height: 70px;margin: auto;background: url('../images/qiinstructionlogo.png') no-repeat;}
	
	.Title{padding:20px 0px;}	
	
	.Instruction{text-align: left;padding:30px;}
	
	.QIDiv{display:none;margin: auto;}
	
	.progressIndicator{height: 100px;display:none;text-align: center;}
	
	.Contact{padding:20px 0px 20px 0px;}
	
	.Contact .requiredFieldStar{padding-left:5px!important;}
	
	.Contact1{width:291px;display:inline-block;vertical-align: top;text-align: right;}
	
	.Contact1.alignLeft{text-align:left!important;}
	
	.Contact2{width:291px;display:inline-block;vertical-align: top;text-align: left;}
	
	.contactActive{width:246px;text-align:left;margin:auto;}
	 
	.Contact3{width:291px;display:inline-block;vertical-align: top;text-align: left;}
	
	.divSOSContainer{ padding:30px 20px 0px 20px;text-align: left;}
	
	.ContactTitle{
		width: 242px;
		height: 30px;
		margin-top: 10px;
		border: none;
		border-radius: 4px;
		-webkit-border-radius: 3px;
		padding-left: 30px;
		line-height: 30px;
	}

	.contactFiller{visibility: hidden;width: 21px;height: 20px;display: inline-block;}	
	
	.ContactControl{text-align: right;padding: 10px 50px;}
		
	/***ADMIN TOOL STYLES***/
	.headerTitleText{float: left;line-height: 50px;font-size: 24px;font-weight: bold;}
	
	.adminContainer{display: none;width:100%;}
	
	.AdminMenuContainer{height: 74%;float: left;width: 72px;padding: 19px 0 0;}
	
	.AdminMainMenu{float:none;position:relative;height: 25px !important;width: 25px !important;margin: auto;}
	
	.AdminMainMenu div{position:absolute;display:none;}
	
	.gravityleft{left:0 !important;}
	
	.gravityleft .triangleup{left:8px !important;}
	
	.gravityright{right:0 !important;}
	
	.gravityright .triangleup{right:8px !important;}
	
	.AdminMainMenuContent ul li {padding-left: 10px !important;}
	
	.divHomeTabContent{padding: 30px 20px;}
	
	.gridContainer{max-height: 250px;overflow: auto;display: none;}
	
	#adminModifyUserDetails{display: none;}
	
	.adminSections{display:none;clear: both;}
	
	.adminSections select{width:217px;}	
	
	.eventLogRow{border-bottom:solid 1px #113E65;border-top:solid 1px #277CB2;width:100%;}
	
	.eventLogRow .icon.desktop{float: left;width: 40px;padding: 10px;}
	.eventLogRow .icon.mobile{float: left;width: 40px;padding: 4px;}
	
	.border{border-right: solid 1px #113E65;border-left: solid 1px #277CB2;}
	
	.eventLogRow .details.desktop{width: 555px;text-align:left;padding:10px;display: inline-block;min-height: 40px;}
	.eventLogRow .details.mobile{width: 75%;text-align:left;padding:4px;display: inline-block;}
	.eventLogRow .details.video{width: 175px;text-align: left;padding: 10px 0px;display: inline-block;min-height: 40px;}
	
	.eventLogRow .details.desktop.temp{line-height: 40px;}	
	
	.camEventLogRow{border-bottom:solid 1px #113E65;border-top:solid 1px #277CB2;width:100%;}
	
	.camEventLogRow .icon.desktop{float: left;width: 40px;padding: 10px;}
	.camEventLogRow .icon.mobile{float: left;width: 40px;padding: 4px;}
	
	.camEventLogRow .details.desktop{width: 555px;text-align:left;padding:10px;display: inline-block;min-height: 40px;}
	.camEventLogRow .details.mobile{width: 75%;text-align:left;padding:4px;display: inline-block;}
	.camEventLogRow .details.video{width: 170px;text-align: left;padding: 10px 0px;display: inline-block;min-height: 40px;}
	
	.camEventLogRow .details.desktop.temp{line-height: 40px;}
	
	.noTempData{display:none;color: red;position: relative;top: 100px;width: 680px;height: 0px;text-align: center;}
	.noTempData.mobile{clear: both;position: absolute;width: 100%;font-size: 12px;top: 250px;}
	.tempValueContainer{width: 100px;float: right; display: inline-block;height: 40px; padding: 10px;}
	.graphArrow{visibility: visible;float: right;margin: 22px;}
	.divDurations{font-size:12px;color:gray;width: 540px;padding: 15px;height: 20px;float:left}
	.graphCalender{height: 25px;display: inline-block;padding: 4px 6px;font-size: 30px;line-height: 25px;margin: 8px 15px;}
	.divGraphPlaceholder{width: 620px;height: 260px;font-size: 14px;line-height: 1.2em;margin:auto;}		
	.demo-container {margin:auto;clear:both;background-color:white;}
	.graphContainer{min-height:350px;display:none;}
	.yaxislabel{
		height: 20px;
		position: relative;
		border-style: none;
		font-size: 12px;
		color: #808080;
		top: 420px;
		left: -370px;
		transform: rotate(-90deg);
		-webkit-transform: rotate(-90deg); /* Safari */
		-moz-transform: rotate(-90deg); /* Firefox */
		-ms-transform: rotate(-90deg); /* IE */
		-o-transform: rotate(-90deg); /* Opera */
		filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /* Internet Explorer */
    }
    
    .myaxislabel{
	    height: 20px;
		position: relative;
		border-style: none;
		font-size: 12px;
		color: #808080;
		top: 150px;
		left: -65px;
		width: 50px;
		transform: rotate(-90deg);
		-webkit-transform: rotate(-90deg); /* Safari */
		-moz-transform: rotate(-90deg); /* Firefox */
		-ms-transform: rotate(-90deg); /* IE */
		-o-transform: rotate(-90deg); /* Opera */
		filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /* Internet Explorer */
    }

    .divTempCalender{position: relative;z-index: 1000;top: 43px;right: 40px;}	
	.eqRowIcon{float: left;width: 5%;padding: 10px;}
	.eqRowDetails{width: 79.6%;text-align: left;padding: 10px 10px;display: inline-block;min-height: 40px;}
	.eqDeleteCell{width: 9%;display: inline-block;height: 60px;vertical-align: top;border-left: none;}
	
	.mclsDatepicker{background-color: transparent;border: none;float: right;height: 0px;position: relative;top: -10px;right: 42px;}	
	
	.clsDatepicker{background-color:transparent;border:none;float:right;height:0px}
		
	.eqRowDetails input {margin:0px;!important}
	
	.bottomControlArea{text-align: right;padding: 35px 15px 0px;}
	
	.bottomControlArea .btn{display: inline-block;}
	
	.umUserIcon{cursor:pointer;font-size: 80px;padding:0px 15px;}
	.umUserLabel{position: relative;top: -15px;text-align: center;height: 0px;}
	
	.userIconDiv{width:90px;display:inline-block;}
	
	.glow{
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
		box-sizing: content-box;
		border: none;
		-o-text-overflow: clip;
		text-overflow: clip;
		text-shadow: -1px 0 30px rgba(0,255,255,1) ;
		-webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
		-moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
		-o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
		transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
     }
     
	.editIcon{
		width: 30px;
		height: 30px;
		background: url('../images/editicon.png') no-repeat;
		background-size: 100%;
		cursor: pointer;
		margin: auto;
	}
	
	.datafile{position:relative;vertical-align: bottom;}
	
	.datafile input[type="file"]{opacity: 0;background: red;height: 100%;position: absolute;right: 0;cursor: pointer;}
	
	.imgpreview img{padding: 5px;border: solid 1px black;max-width: 400px;max-height: 200px;}
	
	.adminChkCss{width: 285px;display: inline-block;padding-top: 25px;}
	.homeChkCss{padding:0!important}
	
	.modifyDetailsLabel{padding:5px;border-radius:3px;font-size: 12px;font-weight: bold;}
	.modifyDetailsLabel span{line-height: 30px;}
	.modifyDetailsLabel span .left{padding-left: 10px;}
	.modifyDetailsLabel span .right{padding-left: 10px;}
	
	.divFooterLogo{float: right;}
		
	/* Diagnosis Screen related CSS - START*/
	
	.diagLabel{line-height: 40px;}
	
	#divHomeDiagnosis{height:100%;}

	div#divHotlinerOptions{overflow-y:auto;overflow-x:hidden;background-color: red;}
	
	#divHotlinerButtons{display:none;text-align:right;}

	#divHotlinerButtons ul{padding:0;margin:0;}

	#divHotlinerButtons ul li{list-style-type:none;display:inline-block;cursor:pointer;}
	
	#divHotlinerButtons ul li span{vertical-align:middle;}
	
	div#divHotlinerDetails{display:none;background:#0e5b89;padding:10px;overflow-y:auto;}
	
	#divHotlinerDetails label{overflow:hidden;text-overflow:clip;}
	
	#lblDiagnosticUpdateStatus{text-align: center;height:15px;overflow:hidden;}
	
	.lblNoServices{text-align:center;}
	
	#divNoDeviceServiceMsg{display:none;padding:5px;text-align:center;}
	
	.ulDiagList{padding:0;margin:0;max-height:inherit;}

	.eventDiagnosisArrow{
		visibility:visible !important;
		-webkit-transform:rotate(0deg) !important;
		-ms-transform:rotate(0deg) !important;
		transform:rotate(0deg) !important;
	}
	table.tftable {width:100%;border-width: 1px;border-color: #729ea5;border-collapse: collapse;font-size: 12px;}
	table.tftable th {border-width: 1px;padding: 8px;border-style: solid;border-color: #38737C;text-align: left;background: #061a2a;box-shadow: inset 0 0 10px #000;}
	table.tftable td {border-width: 1px;padding: 8px;border: solid 1px #38737C;height: 30px;}
	
	.selectedDiagList > .eventLogRow {cursor: default !important;}
	
	.diagScreen{width:100%;}
	
	.diagScreen input, .diagScreen select{height: 25px;margin: 2px;padding-left:2px;}
	
	.diagArrow{display: inline-block;visibility: visible;vertical-align: inherit;}
		
	.divRowDivTitle{/*margin-top: -13px;*/}
	
	.divRowDivTitle label{font-weight: bold;padding: 0 2px;} 
	
	.diagnosticRowDiv{
		border-radius: 5px;
		width: 46%;
		border: solid 2px #FFFFFF;
		padding: 5px;
		float: left;
		margin: 5px;
		display:table-row;
		min-height: 76px;
	}
	
	td.diagnosticRow {text-align: right;max-width: 220px;}
	
	td.diagnosticRow label{word-break:break-word;display: block;white-space: nowrap;}
	
	.diagnosticRowDiv .leftcol{
		max-width: 140px;
		word-break: break-word;
		display: inline-block;
		vertical-align: middle;
		margin-right: 5px;
		line-height:36px;
	}
	
	.lineheight24{
		line-height: 24px!important;
	}
	
	.diagnosticRowDiv .rightcol{float: right;max-width: 130px;}
	
	.diagnosticRowDiv .diagnosticRow {clear: both;padding: 3px 0;}
	
	.diagnosticRow{	text-align: right;}
	
	.halfdiagnosticRow{width: 50%;float: left;}
	
	.bigInputControl{width:300px;}
	
	.smallInputControl{width:130px;}

	.smallerInputControl{margin-right: 5px;}

	.rowActionIcon{width: 30px;height: 30px;margin:5px;background-size:100%;display: inline-block;cursor: pointer;} 
	
	.deleteRowIcon{width: 30px;height: 30px;display: inline-block;vertical-align: middle;margin: 15px;background: url('../images/deleteicon.png') no-repeat;}
	
	.rowActionIcon.delete{background: url('../images/deleteicon.png') no-repeat;}
		
	.diagScreen td {padding: 5px;}
	
	.wideRowDiv .diagnosticRow{float:right;clear:none !important;}
	
	.wideRowDiv.double{width:95.5% !important;}
	
	.wideRowDiv.double .diagnosticRow{width:50% !important;float:left !important;}

	label.leftcol, label.rightcol{max-height:36px;}
		
	/*traverse option icons*/
	.traverseIcons{background-repeat:no-repeat;height: 25px;margin: 3px;}
	
	.arrowleftIcon{background: url('../images/arrowleftwhite.png');}
	
	.previousIcon{background: url('../images/backwhite.png');}
	
	.nextIcon{background: url('../images/nextwhite.png');}
	
	/*site info*/
	#divSiteInfo{color: rgb(44,181,236);}
	
	#divSiteInfo span{padding:0 10px;display:inline-block;}
	
	#divSiteInfo span:nth-child(1) {border-right: solid 1px rgb(44,181,236);padding-left: 0;}
	
	/* Diagnosis Screen related CSS - END*/
	
	/* EventLog Screen related CSS - START*/
	
	#lblEventNum{float:left;line-height:30px;}
	
	#lblEventNum span{font-weight:bold;}
	
	#btnEventFilter{margin: auto;margin-top: 45px;}
	
	.btnEventRefresh{margin-left: 15px;}
	
	#lblLogRefresh{cursor:pointer;}
	
	.meventFilter{width: 80%;height: 30px;float: left;margin-top: 0!important;}
	
	.containerhomecontent{border-top: solid 1px #268FC6;}
	
	.containerhomecontentinfo{padding: 30px 0;height:30px;}
	
	#divEventLogScrollContent{overflow-x:auto;width:100%}
		
	.DivShowNextEvents{height: 50px;width: 100%;cursor: pointer;float: left!important;text-align: center}
	
	#lbNextEvents{cursor:pointer;}
	
	#tbHomeEventLogs{display:none;}

	.imgEventIcon{height:38px;width:40px;float:left;}
	
	.eventLogVideoRoom{height:100%;width:100%;}
	
	.EventLogVideoRoom{border-bottom:solid 1px #113E65;border-top:solid 1px #277CB2;width:100%;}
	
	.eventlogArrowUp{-webkit-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);}
	
	.openEventLogVideoRoom{background: #FFFFFF;color: #2cbef7;}
	
	.openEventLogVideoRoom > div:nth-child(1){border-bottom-color: rgb(157, 160, 162);}
	
	.openEventLogVideoRoom > div:nth-child(2){border-top-color: rgba(218, 220, 221,0.8);}
		
	/* EventLog Screen related CSS - END */
	
	/* Security Screen related CSS - START */
	
	.divSecurityButtons{width:100%;margin:auto;}
		
	.divSecurityButtons ul{margin: auto;padding: 0px;}
	
	.divSecurityButtons ul.desktop{max-width:152px;}
	
	.divSecurityButtons ul li{
		height: 60px;
		width: 60px;
		background: #FFFFFF;
		border-radius: 5px;
		display: inline-block;
		margin: 7px;
		cursor: pointer;
		text-align:center;
	}
		
	.divSecurityButtons ul li span{overflow: hidden;display: inline-block;max-height: 13px;max-width:60px;font-size: 10px}
	
	.divSecurityButtons ul li div{width: 100%;height: 60px;background-repeat: no-repeat;background-position: 6px 13px;}
		
	.securityArm{background-image: url("../images/m_icontotalarm.png");background-position: 6px 13px;background-repeat: no-repeat;}
		
	.securityDisarm{background-image: url("../images/m_icondisarm.png");background-position: 7px 13px;background-repeat: no-repeat;}
	
	.securityAnnex{background-image: url("../images/m_iconannex.png");background-repeat: no-repeat;background-position: 7px 13px;}
	
	.securityPartialArm{background-image: url("../images/m_iconpartialarm.png");background-repeat: no-repeat;background-position: 7px 13px;}	
	
	.securityIconDefault{ background-position: 0 0; width: 118px; height: 106px; } 
	.securityIconAnnex{background-position: 0 -123px; width: 118px; height: 106px; } 
	.securityIconDisarm{ background-position: 0 -246px; width: 118px; height: 106px; } 
	.securityIconPartArm{ background-position: 0 -369px; width: 118px; height: 106px; } 
	.securityIconTotalArm{ background-position: 0 -492px; width: 118px; height: 106px; }

	.btnSecurityStatus img{float: left;clear: left;padding: 3px;}
			
	#lblSystemStatus{margin: auto;display: table;font-weight: bold;min-height: 20px;}
		
	.divider{width: 90%;margin: auto;border-bottom: solid 1px #277CB2;border-top: solid 1px #113E65;}
	
	.systemStatusIcon{height: 118px;width: 118px;background: #081E2C;border-radius: 5px;border:solid 1px gray;}
	.systemStatusIcon.desktop{margin: 20px auto;}
	.systemStatusIcon.mobile{margin:10px auto;}
	.systemStatusIcon.shadow{
		-webkit-box-shadow: 0px 0px 28px 5px rgba(255, 255, 255, 0.69);
		-moz-box-shadow:    0px 0px 28px 5px rgba(255, 255, 255, 0.69);
		box-shadow:         0px 0px 28px 5px rgba(51, 255, 255, 0.69);
	}
	
	.shadow{
		-webkit-box-shadow: 0px 0px 28px 5px rgba(255, 255, 255, 0.69);
		-moz-box-shadow:    0px 0px 28px 5px rgba(255, 255, 255, 0.69);
		box-shadow:         0px 0px 28px 5px rgba(51, 255, 255, 0.69);
	}
	
	.systemStatusIcon div{height: 100%;width: 100%;background-repeat: no-repeat;cursor:pointer;}
	
	.systemStatusIcon > div{background-image: url('../images/statusSprite.png');}
		
	.divDisarmPopup{
		width: 239px;/*264px;*/
		background-color: #000;
		height: auto;
		border: none;
		position: absolute;
		z-index: 20000;
		margin: auto;
		top: 10%;
		padding: 10px;
		border: solid 3px #808080;
		border-radius: 10px;
		display: none;
		text-align: center;
	}
	
	#lblDisarmPopupTitle{display: block;text-align: left;padding: 4px;}
	
	.outerdivSecurityStatus, .outerdivSecurityButtons{border-bottom: solid 1px #000;padding: 20px 20px 30px 20px;max-height:210px;}
	
	.outerdivSecurityButtons{border-top: solid 1px #8F8282;}
	
	.innerdivSecurity{width: 100%;height: 100%;text-align: center;}
	
	
	
	#divChangeStatusTxt{display: table;font-weight: bold;}
	#divChangeStatusTxt.mobile{margin:20px;}
	#divChangeStatusTxt.desktop{text-align: center;margin-bottom: 10px;display:block!important;}
		
	.bottomdivider{border-top: solid 1px #AD9393;}
	
	#txtDisarmCode{margin-bottom:10px;}
	
    #btnDisarmOK, #btnDisarmCancel {width: 111px;}
	
	/* Security Screen related CSS - END */
	
	/* VideoRoom Screen related CSS - START */
	
	#btnVideoFilter{margin: auto;margin-top: 45px;}	
	
	#videoEventScreen.desktop{min-height:330px;width: 40%;float: left;height:100%;}
		
	#videoEventScreen{background: #14598f;border-bottom: solid 1px rgb(39, 124, 178);}
	
	#videoRoomScreen{height: 100%;}
	
	#videoRoomScreen.desktop{margin-left: 5px;width: 59%;float: left;min-height:188px;max-height:400px;}
	
	.videoRoomButton{margin-top: 20%;cursor: pointer;}
	
	.videoRoomButton.videoRoomOptions {height: 30px !important;line-height: 30px !important;color: #84B0B4;background-color: #113e65;}
	
	.selectedVideoRoomOption {}
	
	#divVideoListScrollContent{overflow-x:auto;}
	
	.videoScreen{height:100%;display: none;}
	
	#divDeleteImage{margin:0px;}
	
	.videoFilterButton{background-image: url('../images/videocameraicon.png');background-repeat: no-repeat;}
	
	.videoFilterButton2 span{line-height: 40px;}
	
	.videoTriggerButton img{float:left;padding:5px;}
		
	#triggerOptionsScreen{border-top: solid 1px #277cb2;}
	
	#triggerOptionsScreen.desktop{padding-top:20px;}
	
	#triggerOptionsScreen.mobile{}
	
	#divTriggerContent{width:35%;float:left;padding:0px 15px;}
	
	#triggerVideoRoom{width: 60%;float: left;height: 400px;}
	
	#divEmptyTriggerScreen{height: 99%;width: 99%;border: 1px dashed white;display: none;}
	
	#divEmptyTriggerScreen > div{display:table-cell;vertical-align:middle;}
	
	#lblEmptyTriggerScreen{margin:auto;display:table;}
	
	#triggerVideoContent{height:100%;display:block;position:relative;}
	
	.filterRow select{width: 100%;height: 30px;}
	
	.filterRow input{vertical-align: top;line-height: 30px;}
	
	#calender1{border: 1px solid #80808D;display: table;height: 30px;padding: 5px 0px 5px 0px;}
 
 	.ImageRoomArrow{visibility:hidden;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}

	#divVideoListScrollContent .eventListItem{cursor:pointer;}
	
	.smalldivider.imageRoomIcons{border-left:solid 1px #113e65;border-right:solid 1px #277cb2;height:24px;width:0px;float:right;margin:0px 10px;}
	
	/* VideoRoom Screen related CSS - END */
	
	/* Homepage Screen related CSS - START */
	
	.homeSecurity {height: 100%;width: 100%;}
	
	.helpbutton {
		font-weight: bold;
		color: #000;
		background: whitesmoke;
		border-radius: 50%;
		height:18px;
		width:18px;
		text-align:center;
		line-height:18px;
	}
	
	.divMobileHomeSubHeader{height: 30px;background: rgb(16,81,135);border-top: solid 1px rgb(16,82,134);border-bottom: solid 1px rgb(17,62,103);
		text-align: center;line-height: 30px;text-align: center;overflow: hidden;padding: 5px;}
		
	.divMobileHomeSubHeader span{
		width: 60%;
		position: absolute;
		left: 20%;
		overflow: hidden;
		max-height: 30px;
		overflow: hidden;
	}
	
	.divMobileHomeControlBar{height: 30px;background: #0E5E9B;border-top: solid 1px #0E5E99;border-bottom: solid 1px #123E65;padding: 15px;}

	.extendedMenu{
		padding: 0px;
		margin:0px;
		display: inherit;
	}
	
	.extendedMenu li{
		background-color: #165f98;
		height: 31px;
		padding: 5px;
		font-size: 12px;
		cursor: pointer;
		box-shadow: inset 0 0 10px #000;
		list-style:none;
	}
	
	.extendedMenu .mnuSelected{background-color:#3AC8fD}	
	
	.mobmenuitem{width:30px;height:30px;}
	
	.mobmenuitem span{
		line-height: 30px;
		margin-left: 47px;
		font-size: 12px;
		width: 210px;
		display: block;
	}
	
	.divHomeBottomMenu{height: 60px;display:none;}
	
	/*.divHomeBottomMenu table{
		height:60px;
		padding: 0px;
		margin: 0px;
		border-top:solid 1px #267CB2;
		border-spacing: 0px;
		width:100%;
		max-height:60px;
		border:none;
		background: #165f98;
	}
	
	.divHomeBottomMenu table td {font-size:12px;cursor:pointer;padding: 0px;box-shadow:inset 0 0 10px #000;}	
	.divHomeBottomMenu table td span{text-align: center;width: 100%;display: block;}*/

	/* Homepage Screen related CSS - END */
	
	/* Home Automation Screen related CSS - START */
		
	.scenarioDownArrow{
		background-image: url('../images/rightarrow.png');
		height: 15px;
		width: 15px;
		display: inline-block;
		background-size: 100%;
		background-repeat: no-repeat;
		visibility: hidden;
		-webkit-transform:rotate(90deg);
		-ms-transform:rotate(90deg);
		transform:rotate(90deg);
		float:right;
		margin: 20px;
	}
	
	.scenarioDownArrowActive{cursor: pointer;transform: rotate(270deg);-ms-transform: rotate(270deg);-webkit-transform: rotate(270deg);}		

	.divScenarioContainer{display: none;min-height: 100px;clear: both;}
	
	.divScenarioContainer div{padding-top: 10px;width:50%;display: inline-block;vertical-align: top;}
	
	.divScenariolabel{color: black;}
	
	.divScenariolabel.mobile{color:white!important;}
	
/* 	.divScenariolabel{ */
/* 		font: 12px arial; */
/* 	}	 */
	
	.divScenarios{padding: 10px;clear:both;display: none;}
	
	.scenarioInstr{clear: both;padding: 10px 0px 5px 0px;color: black;}
	
	.scenarioHead{float:left;line-height: 30px;color:#2cbef7;}
	
	.smartPlugContainer{height: 400px;overflow-x: hidden;overflow-y: auto;}
	
	.smartPlugUnknown{display: none;height: 30px;width: 30px;background-image: url('../images/helpicon.png');vertical-align:middle;}
	
	.smartPlugUnknown.mobile{margin-top:4px;}
	
	#divScenarioList div{line-height: 30px;}
	
	#divScenarioDetails li.selected{background-color:rgb(0, 194, 255);}	
	
	#divScenarioDetails a {display: block;position: relative;padding: 0 14px;height: 30px;line-height: 30px;text-decoration: none;color: white;}
	
	#consumptionLabel{}
	
	.smartPlugLabel.desktop{width: 385px;display: inline-block;line-height: 30px;padding: 15px;}
	
	.smartPlugLabel.mobile{width: 50%;text-align:left;display: inline-block;vertical-align:top;min-width:165px;line-height:40px;overflow:hidden;}
	
	.smartPlugCons{width: 60px;display:inline-block;padding: 8px;text-align: right;float: right;}
	
	.smartPlugCons.mobile{float:none!important;}
	
	.consText{font-size: 20px;}

	.smartPlugScenario{float: right;padding: 18px;}
	
	.kWh{color: yellow;}
		
	#smartPlugContainer div.ExpandContainer{}
	
	.scenarioRow{border-bottom: solid 1px #113E65;border-top: solid 1px #277CB2;text-align: left;padding:10px;min-height: 35px;}	
	
	#divScenarioDetails{display: none;}
	
	.scenarioBtn{
		width: 100px;
		background: red;
		display: inline-block;
		border-radius: 3px 0px 0px 3px;
		float: left;
		line-height: 30px;
		text-align: center;		
	}	
	
	#divScenarioDetails ul {
		border-width: 1px;
		border-style: solid;
		border-color: #d5d5d5 #d2d2d2 #cdcdcd;
		border-radius: 3px;
		display: inline-block;
		vertical-align: baseline;
		zoom: 1;
		-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
		list-style: none;
		padding: 0px;
		border: solid 1px rgb(5,76,128);
		margin: 0px;
	} 
	
	#divScenarioDetails li {float: left;border-left: 1px solid #d2d2d2;background-color:rgba(5,76,128,0.2);}
	
	#divScenarioDetails li:first-child {border-left: 0;}

	#divScenarioDetails li:first-child {border-radius: 3px 0 0 3px;max-width: 100px;overflow: hidden;}
	
	#divScenarioDetails li:last-child{border-radius: 0 3px 3px 0;max-width: 175px;overflow: hidden;}
	
	/* Home Automation Screen related CSS - END */
	
	/* Quick Installation Screen related CSS - START */
	
	.deviceLED{width: 180px;height: 180px;background: url('../images/deviceLED.png') no-repeat;float:left;background-size:100%;}
	
	.sucreBoxLED{width: 180px;height: 180px;background: url('../images/sucrebox_off.png') no-repeat;float:left;background-size:100%;}
	
	.SimCardInstruction{display:none;}
	
	.SimCardDetails{display:none;}
	
	.panelConnectionState{
		width: 280px;
		height: 80px;
		background: url('../images/panelconnectinprogress.png') no-repeat;
		margin:auto;
		background-size:100%;
		margin-bottom: 15px;
	}
	
	.SimcardBubble {
		position: relative;
		width: 609px;
		height: 50px;
		padding: 15px 10px 15px 10px;
		background: none;
		box-shadow: inset 0 0 10px #000;
		margin-top: 10px;
		display: inline-block;
	}
	
	.SimcardBubble:after {
			content: "";
			position: absolute;
			top: -9px;
			left: 16px;
			border-style: solid;
			border-width: 0 10px 10px;
			border-color: #0F3A5C transparent;
			display: block;
			width: 0;
			z-index: 1;
	}
	
	
	.filterContainer{width:275px;margin: auto;}
	
	.footeLlogo{float:right;}
	
	#btnConnectedNext{display: none;float: right;}
	
	.devicesmokedetector{background: url('../images/devicesmokedetector.png') no-repeat;}
	
	.devicetag{background: url('../images/devicetag.png') no-repeat;}
	
	.deviceimagesensor{background: url('../images/deviceimagesensor.png') no-repeat;}
	
	.deviceimagesensor2{background: url('../images/deviceimagesensor2.png') no-repeat;}
	
	.QIdeviceColumn{width: 60px;height: 60px;margin:auto;background-size:100%;float:left;border-right: solid 1px rgb(5,76,128);}
	
	.divContactActive{width: 270px;display: inline-block;text-align: left;padding: 10px 0px 10px 20px;font-size: 14px;}
	
	.divUserTagMgmtHeaderControls{width: 400px;display: inline-block;text-align: left;padding: 10px 0px 10px 20px;font-size: 14px;}
	
	#QIEqHover{background:rgba(7,35,55,0.75);width: 800px;height: 465px;position: absolute;z-index:1000}
	
	#userTagHover{background:rgba(7,35,55,0.75);width: 900px;height: 620px;position: absolute;z-index:10000;}
	
	.userCodeError{font-size: 11px;color:red;}
	
	#QIistMessages{text-align: center;padding: 5px;clear:both}
	
	.QIdeviceParams{
		display:inline-block;
		height: 30px;
		width: 550px;
		border-left: solid 1px rgb(40,111,163);
		border-right:solid 1px rgb(5,76,128);
		padding: 18px 40px 18px 40px;
		float: left;
	}	
	
	#seeGreenLight{margin-top: 40px;}
	
	/* Related to Notification bar*/
	
	.divNotification{text-align: left}
	
	.NavPadding{padding:20px 0px 25px 0px;height: 50px;}
			
	#QIDevicenSockets{border-radius:4px 0px 0px 4px;}
	
	#QIControlMembers{border-radius:0px 4px 4px 0px;}	
	
	.QIEqContainer{height: 400px;overflow-x: hidden;overflow-y: auto;display: none;clear:both}

	#QIZoneSettings{
		width: 176px;
		display: inline-block;
		margin: 15px 0px 0px 15px;
		margin: 15px 0px 0px 15px;
		float: right;
		background: rgb(14,87,147);
		border: solid 1px rgb(15, 60, 97);
		border-radius: 4px;
		height: 30px;
		text-align: center;
		line-height: 30px;
		display: none;
	}
	
	.QITabLabel{width: 220px;display: inline-block;line-height: 30px;float: left;margin-top:10px;}
	
	/* Quick Installation Screen related CSS - END */
	
	/* aTooltip related CSS - START */
	#aToolTip {position: absolute;display: none;z-index: 50000;}

	#aToolTip .aToolTipContent {position:relative;margin:0;padding:0;}

	.defaultTheme {
		border:2px solid #444;
		background:#FFF;
		color:#000;
		margin:0;
		padding:6px 12px;	
		position:absolute;
		-moz-border-radius: 12px 12px 12px 0;
		-webkit-border-radius: 12px 12px 12px 0;
		-khtml-border-radius: 12px 12px 12px 0;
		border-radius: 12px 12px 12px 0;
		-moz-box-shadow: 2px 2px 5px #111; /* for Firefox 3.5+ */
		-webkit-box-shadow: 2px 2px 5px #111; /* for Safari and Chrome */
		box-shadow: 2px 2px 5px #111; /* for Safari and Chrome */
	}
	
	.defaultTheme #aToolTipCloseBtn {
		display:block;
		height:18px;
		width:18px;
		background:url(../images/closeBtn.png) no-repeat;
		text-indent:-9999px;
		outline:none;
		position:absolute;
		top:-20px;
		right:-30px;
		margin:2px;
		padding:4px;
	}
	
	/* aTooltip related CSS - END */
	
	/* Third Party CSS - START */
	
	/* Eric Meyer's Reset Reloaded */
	/* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
	blockquote, q {quotes: none;}
	table {border-collapse: collapse;border-spacing: 0;}
	
	.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
	/* IE6 */ 
	* html .clearfix {height: 1%;}
	/* IE7 */
	*:first-child+html .clearfix {min-height: 1px;}
	
	a, a:link, a:visited {text-decoration: none;} 
	
	a.exampleTip {color: #FEC92C;}
	
	a.exampleTip:hover{text-decoration: underline;}
	
	.section {text-align: left;padding-bottom: 18px;border-bottom: 1px solid #333;margin-bottom: 18px;}
	
	.primaryWrapper {margin: 0 auto;width: 960px;text-align: center;}
	
	.branding{text-align: center;display: block;height: 120px;}
	
	.ctaBtns {border: none; text-align: center;}
	
	.ctaBtns p {width: 263px;margin: 0 auto;}
		
	.ctaBtns a{display: block;height: 37px;width: 122px;text-indent: -9999px;}
	
	a.dloadBtn {background: url(../images/dload-btn.png) no-repeat top left;float: left;margin-right: 18px;}
	
	a.demoBtn {background: url(../images/demo-btn.png) no-repeat top left;float: left;}
	
	a.dloadBtn:hover, a.demoBtn:hover {background-position: bottom left;}	
	
	.usage p {margin-bottom: 2px;}
	
	ul.quickFacts {list-style-position: inside;list-style-type: disc;}
	
	p.license, p.copyright {}
		
	/* jQuery Countdown styles 1.6.1. */
	.hasCountdown {}
	
	.countdown_rtl {direction: rtl;}
	
	.countdown_holding span {color: #888;}
	
	.countdown_row {clear: both;width: 10%;text-align: center;}
	
	.countdown_show1 .countdown_section {width: 12.5%;margin-top: -30px;}
	
	.countdown_show2 .countdown_section {width: 12.5%;margin-top: -30px;}
	
	.countdown_show3 .countdown_section {width: 12.5%;}
	
	.countdown_show4 .countdown_section {width: 24.5%;}
	
	.countdown_show5 .countdown_section {width: 19.5%;}
	
	.countdown_show6 .countdown_section {width: 16.25%;}
	
	.countdown_show7 .countdown_section {width: 14%;}
	
	.countdown_section {display: block;	float: left;text-align: center;}
	
	.countdown_amount {}
	
	.countdown_descr {display: block;width: 100%;}
	
	/* Third Party CSS - END */
	
	/* MOBILE COMMON RELATED CSS - START */
	
	nav {float:left;}
	
	nav ul {
		border-width: 1px;
		border-style: solid;
		border-color: #d5d5d5 #d2d2d2 #cdcdcd;
		border-radius: 3px;
		display: inline-block;
		vertical-align: baseline;
		zoom: 1;
		-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
		list-style: none;
		padding: 0px;
		border: solid 1px rgb(5,76,128);
		margin:0;
		font-size: 14px;
	} 
		
	nav li {
		float: left;
		border-left: 1px solid #d2d2d2;
		background-color:rgba(5,76,128,0.2);		
		display: block;
		position: relative;
		padding: 0 14px;
		height: 30px;
		line-height: 30px;
		text-decoration: none;
		color: white !important;
		cursor:pointer;
	}
	
	nav li:first-child {border-left: 0;	border-radius: 3px 0 0 3px;}
	
	nav li:first-child a {border-radius: 3px 0 0 3px;}
	
	nav li:last-child{border-radius: 0 3px 3px 0;}
	
	nav li:last-child a {border-radius: 0 3px 3px 0;}
	
	li.selected{background-color:rgb(0, 194, 255);}
	
	nav a {display: block;position: relative;padding: 0 14px;height: 30px;line-height: 30px;text-decoration: none;color: white;}
	
	nav span {width: 20px;position: absolute;height: 20px;top: -13px;right: 5px;background: red;color:white;border-radius:3px;line-height: 20px;text-align: center;}
	
	#txtAccountCode{display: none;}	

    #txtSmsCode{display: none;}

    #txtAdminSMSCode{display:none;}
    
	.adminHomeTabContent{overflow-y:auto;width:95.75%; /*temp fix for firefox admin tool*/}
	
	.clientConfigDetails{display:none;}
	
	.adminChkCss input[type="checkbox"] + label span{ margin-left: -20px !important;}
	
	.adminContainer .deleteRowIcon {margin: 0;}
	
	/* MOBILE COMMON RELATED CSS - END */
	.triggerprogress{display:none;opacity:0;}
	
	.triggerprogress.activeprogress{margin-top: 0 !important;opacity:1;top: 40px !important;}
	
	.diagnosticRowMainDiv{th:100%;clear: both;display:table;margin-top: 20px;}
	
	.divContentScreenOverlay.activeprogress{opacity:0!important;}
	
	
	
	.visible {visibility: visible;}
	
	.lblHeader{word-break:break-word}
	
	#chkAccountTerms{margin-left: -23px;}
	
	#curPropVersion{display: none;}
	
	.slNo{min-width: 50px;max-width:50px;}
	.userTagCheckbox{min-width:100px;max-width: 100px;}
	.userTagTopArea{text-align: left;line-height: 50px;}
	
	#userTagDetails{height:520px;overflow-y:auto;text-align:left;}
	
	#userMgmtUserDetails{padding-left:10px;height:470px;width:550px;text-align:left!important;float:right;overflow-y:auto;text-align:center;padding-top: 35px;}
	#hiddentables{padding-top:10px;padding-left:150px;}
	
	.activeScroll{overflow-y:auto;overflow-x:auto}
	
	/*SCHEDULER CSS - to be cleaned*/
	#divHomeScheduler .ui-widget{font-size: 1em;}
	#divHomeSchedulerEventEdit{display: none;padding:0 5px;}
	#divHomeScheduler .wc-header td{cursor:pointer;}
	#divHomeScheduler label {display: block;margin-top: 1em;margin-bottom: 0.5em;}	
	#divHomeScheduler form ul {padding: 0.3em;}
	#divHomeScheduler ul.formatted, #divHomeScheduler ol.formatted {display: block;margin: 1em 0.5em;}	
	#divHomeScheduler ul.formatted li,#divHomeScheduler ol.formatted li {margin: 5px 30px;display: auto;}	
	#divHomeScheduler ul.formatted li {list-style-type: disc;}	
	#divHomeScheduler ol.formatted li {list-style-type: decimal;}
	#divHomeScheduler .SProw{min-height: 40px;padding: 10px;width: 100%;background-color: gray;border: solid 1px white;color: wheat;font-size: 16px;font-weight: bold;}	
	#divHomeScheduler #divHomeSchedulerContainer{width:900px;margin:auto;height: 100%;}	
	#divHomeScheduler .calenderPage{/*padding:10px;*/height: 100%;}	
	#divHomeScheduler .SProw .label{width: 400px;float: left;line-height: 40px;}	
	#divHomeScheduler .SProw .span{float: right;line-height: 40px;}	
	#divHomeScheduler .wc-cal-event{min-height:20px;max-height: 20px;}	
	#divHomeScheduler .wc-cal-event .wc-time {background:none!important;font-weight:normal!important;border:none!important;color: #fff;padding: 0;font-size: 10px;}
	#divHomeScheduler .wc-grid-timeslot-header, #divHomeScheduler .wc-time-column-header{width: 55px!important;font-size: 10px;}
	#divHomeScheduler .wc-day-column-header{font-size: 12px;}
	#divHomeSchedulerEventEdit ul{list-style-type:none;}
	.divSchedulerDialogBox{background: #0a4270!important;box-shadow: inset 0 4px 0 #64ae3c!important;text-align:center;z-index: 20000;position: fixed;display: none;top: 35%;}
	.divSchedulerDialogBox.desktop{max-width: 300px !important;width:22%!important;min-width:300px!important}
	.divSchedulerDialogBox .lblEventTitle{margin: 0 0 5px;font-weight: bold;}
	.liSchedulerDialogBtns{text-align:right;}
	.disableswitch .onoffswitch-inner:before, .disableswitch .onoffswitch-inner:after {content:""}
	.disableswitch .onoffswitch-label {border-radius: 17px!important;}
	.disableswitch .onoffswitch-switch{border-radius: 50%!important;}
	.divSchedulerDialogBox .schedulerToggleSwitchContainer{/*max-width: 83px;display: inline-block;margin-right: 20px;text-align: left;*/padding:0 20px;}
	.divSchedulerDialogBox .schedulerToggleSwitchContainer > span{display: inline-block;float: left;max-width: 100px;line-height: 66px;}
	.divSchedulerDialogBox .schedulerToggleSwitchContainer > div{display:inline-block;text-align:left}
	.liEventTitle{text-align:left;}
	#divHomeScheduler.activeScroll{overflow-x:hidden;overflow-y:hidden;}
	#divSchedulerCalendar .wc-header{width:75.5%;}
	#divSchedulerCalendar .wc-scrollable-grid{width:75.5%;height: calc(100% - 25px)!important}
	#divSchedulerCalendar .ui-widget.wc-container{height:100%}
	#lblSchedulerEnableDisable{margin: 0!important;display: inline-block!important;}
	
	.newAPNDetails{
		display: none;
	}
	.activatesms{display:none;}
	
	/*------- Vertical power swtich ---------*/
	.toggleButton{ 
		border:2px solid #102838; border-radius:7px; display:inline-block; vertical-align:middle; font-weight:bold;
		width:25px; height:40px; position:relative; margin:0 5px;
		color:#12678C; box-shadow:0 0 5px rgba(255,255,255,.4);
	}
	.toggleButton input{ position:absolute; visibility:hidden; }
	.toggleButton > div{ 
		background:-webkit-linear-gradient(top, #002B44 0%, #0690AC 11%, #038EAA 14%, #A0F2FE 58%, #91DBE7 96%, #B9E8E8 100%); 
		background:linear-gradient(to bottom, #002B44 0%, #0690AC 11%, #038EAA 14%, #A0F2FE 58%, #91DBE7 96%, #B9E8E8 100%); 
		height:100%; border-radius:5px; line-height:50px; font-we0 0 3px 0px #F95757 inset, 0 0 12px 6px #F95757tion:relative; z-index:1; cursor:pointer; text-shadow:0 1px rgba(255,255,255,0.5);
		text-align:center;
	}
	.toggleButton > div:after{ 
		content:'|'; display:block; height:50%; line-height:100%;
		transform-origin:0 0; -webkit-transform-origin:0 0;
	}
	.toggleButton > div:before{ 
		content:'o'; display:block; height:50%; line-height:100%;
		border-radius:80%/5px;
		box-shadow:0 8px 12px -13px #89DFED inset, 0 -2px 2px -1px rgba(255,255,255,0.8);
		transform-origin:0 100%; -webkit-transform-origin:0 100%; 
		transform:scaleY(0.7); -webkit-transform:scaleY(0.7);
	}
	
	.toggleButton :checked ~ div{ 
		background:-webkit-linear-gradient(bottom, #002B44 0%, #0690AC 11%, #038EAA 14%, #A0F2FE 58%, #91DBE7 96%, #B9E8E8 100%);
		background:linear-gradient(to top, #002B44 0%, #0690AC 11%, #038EAA 14%, #A0F2FE 58%, #91DBE7 96%, #B9E8E8 100%);
	}
	.toggleButton :checked ~ div:before{ 
		border-radius:0; box-shadow:none;
		transform:none; -webkit-transform:none;
	}
	.toggleButton :checked ~ div:after{ 
		border-radius:80%/5px;
		box-shadow:0 -8px 12px -5px #89DFED inset, 0 2px 2px 0 #0690AC;
		transform:scaleY(0.7); -webkit-transform:scaleY(0.7);
	}
	/* the light indicator to the top of the button */
	.toggleButton .indicator{pointer-events: none;cursor: default;position:absolute; top:13px; left:-36px; width:25px; height:8px; box-shadow:0 0 8px #000 inset; border:1px solid rgba(255,255,255,0.1); border-radius:15px; transition:0.2s; -webkit-transition:0.2s; }
	.toggleButton .indicator:before{ content:''; display:block; margin:2px auto; width:8px; height:5px; border-radius:10px; transition:0.5s; -webkit-transition:0.5s; box-shadow:0 0 2px 0px green inset, 0 0 12px 6px green; background:#FFF; transition:0.1s; -webkit-transition:0.1s;}
	.toggleButton .indicator:after{ content:''; display:block; margin:2px auto; width:8px; height:5px; border-radius:10px; transition:1.5s; -webkit-transition:0.5s; }
	.toggleButton :checked ~ .indicator:before{ box-shadow:0 0 2px 0px red inset, 0 0 12px 6px red; background:#FFF; transition:0.1s; -webkit-transition:0.1s; }
	.toggleButton :checked { box-shadow:0 0 2px 0px green inset, 0 0 12px 6px green; background:#FFF; transition:0.1s; -webkit-transition:0.1s; }
	
	.smartPlugSwitch{width:80px;display:inline-block;text-align:center;}
	
	.devRegNewDiv{margin: auto;border-radius: 5px;border: solid 1px rgb(178, 213, 239);padding: 10px;display:none;}
	
	.devRegNewDiv .divImg{width:40px;height:40px;padding:10px;display: inline-block;}
	
	.devRegNewDiv .divImg img{width: 40px;height: 40px;}
	.devRegNewDiv .divInput{width:230px;display: inline-block;padding: 12px 5px;vertical-align: top;}	
	.divInput input, .divInput select{margin:0px;}
	.divInput.SnC{float:right;padding: 14px;text-align: right;width:180px;}
	
	.devRegRow .divImg{width:40px;height:40px;padding:10px;display: inline-block;}
	.devRegRow .divImg img{width: 40px;height: 40px;}
	.devRegRow .divInput{width: 210px;display: inline-block;padding: 17px;vertical-align: top;text-align: center;}	
	.divInput input, .divInput select{margin:0px;}	
	
	.select:disabled{opacity:0.7}
	
	/* Door Lock related Styles */
	.doorLockDiv{padding:15px;font-weight:bold;text-align:center;min-height:116px;display:none;}
	.doorLockDivTitle{padding:5px;display:block;}
	.doorLockLabel{width: 160px;display: inline-block;line-height: 44px;text-align:left;font-size:12px;}
	.doorLockStatus{font-size: 40px;padding-top:10px;float:initial;}
	.lock{color:red;}
	.unlock{color:lime;}
	.unknown{color:gray;}
	.disabledIcon{opacity:0.3;cursor: default;}
	.activeIcon{opacity : 1;cursor: pointer;}
	
	.secOptionDivider{width: 100%;display: inline-block;border-top: solid 1px #000;border-bottom: solid 1px #8F8282;z-index:100;}	
	.doorLockDetails.Desktop{width: 360px;text-align: left;padding: 10px;display: inline-block;min-height: 40px;}
	.doorLockDetails .textdetail{width:200px;display:inline-block}
	.doorLockRowStatusIcon{padding: 3px 12px;display: inline-block;font-size: 30px;}
	.doorLockActions{display: inline-block;float: right;margin: 5px;}
	.doorLockRowStatusIcon.border{border: solid 1px white;border-radius: 50%;margin: 5px;cursor: pointer;}
		
	.divDoorLockMsgBox{background-position: 15px 50%;text-align: left;margin: auto;top: 100px;z-index: 10000;background: #0a4270;box-shadow: inset 0 4px 0 #64ae3c;}
	.divDoorLockMsgBox .title{padding:15px 10px 10px 15px;margin: 0px;font-weight: bold;}
	.divDoorLockMsgBox .msgText{padding: 10px;background-position: 20px 50%;background-size:50px;background-repeat: no-repeat;}
	.divDoorLockMsgBox .msgButtons{text-align: right;clear: both;padding: 10px;}
	.divDoorLockMsgBoxWidth{width:426px;padding:15px;}
	.divDoorLockMsgBoxWidthMobile{width:250px;padding:15px;}
	
	.divDoorLockDetail{padding:10px;}
	.divDoorLockDetail .label{display:inline-block;width:150px;}
	.divDoorLockDetail .divradio{display:inline-block;width:80px}
	.divDoorLockDetail .usercode{display:inline-block;width:70px;margin:0px;text-align:center;}
	
	.divDoorLockDetailPanel{padding:10px;}
	.divDoorLockDetailPanel .label{display:inline-block;width:150px;}
	.divDoorLockDetailPanel .divradio{display:inline-block;width:80px}
	.divDoorLockDetailPanel .usercode{display:inline-block;width:70px;margin:0px;text-align:center;}
	
	.divDoorLockDetailUserMngmnt{padding:10px;}
	.divDoorLockDetailUserMngmnt .label{display:inline-block;width:220px;}
	.divDoorLockDetailUserMngmnt .divradio{display:inline-block;width:80px}
	.divDoorLockDetailUserMngmnt .usercode{display:inline-block;width:70px;margin:0px;text-align:center;}
	
	#doorLockPromptError{width:260px;float:left;}
	
	
	/* Mains Fault related Styles start*/
	.mains {background-image: url(../images/mains.png);background-repeat: no-repeat;display: none;}
    .sprite-mains_off {width: 28px;height: 27px;background-position: -5px -5px;}
    .sprite-mains_on { width: 27px; height: 28px; background-position: -5px -42px;}
    .mainsFeatureIcon{float: right;margin-left:20px;cursor:default;}
	
	/* Mains Fault related Styles end*/
	.autolockCss{width: 100px;display: inline-block;padding-top: 15px;}		

	/*Installer IP CAmera Styles - start*/
	.centerIPDiv{margin-left:30px;padding:10px;}
	.servicelistDiv{margin-top:15px;margin-bottom:15px;width:720px;background-color:#2E72A0;}
	.spanServiceList{padding:15px;display:inline-block;}
	.servicelink{float:right;display:inline-block;background-color:#0E5D88;padding:11px;cursor: pointer;}
	.servicelinkCamModel{float:right;display:inline-block;background-color:#0E5D88;padding:18px;cursor: pointer;}
	.servicelinks{float:right;display:inline-block;background-color:#0E5D88;padding:11px;}
	.selectbutton{float:right;display:inline-block;margin-right:40px;margin-top:15px;}
	.selectIpCamImage{float:right;display:inline-block;margin-right:40px;margin-top:2px;}
	.modelListDiv{margin:15px 0px 15px 15px;width:700px;background-color:#2E72A0;}
	.ipCamLabel{width:40px;text-align:right;display:inline;margin-right:10px;}
	.centerIPBox{padding-left:55px;margin-top:30px;width:400px;}
	.centerImageBox{text-align:center;margin-top:50px;}
	@keyframes up-right {
    0% {
    transform: scale(1); opacity: .25;
    }
    50% {
    transform: scale (1, 5);opacity: 1;
    }
    100% {
    transform: scale(1);opacity: .25;
    }
}
.circle {
    border-radius: 50%;width: 10px; height: 10px;opacity: 1;}
.red {
    background-color: red;
    display:inline-block;
   -webkit-animation: up-right 1s infinite;
    -moz-animation: up-right 1s infinite;
    -o-animation: up-right 1s infinite;
    animation: up-right 1s infinite;
    
}

.redimg{height:15px;width:15px;display:inline-block;background-image: url('../images/reddot1.gif');}

.ajaxglow{
	display:inline-block;
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
		box-sizing: content-box;
		border: none;
		-o-text-overflow: clip;
		text-overflow: clip;
		text-shadow: -1px 0 30px rgba(0,0,0,1) ;
		-webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
		-moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
		-o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
		transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
     }
	/*Installer IP CAmera Styles - end*/
	
	/* Camera list pop up menu */
	.wrapper-dropdown-3 {
    /* Size and position */
    position:relative;
    width: 50px;
    margin: 0 auto;
    padding: 10px;
    top:5px;
    left:5px;
    /* Styles */
    background: #fff;
    border-radius: 7px;
    border: 1px solid rgba(0,0,0,0.15);
    box-shadow: 0 1px 1px rgba(50,50,50,0.1);
    cursor: pointer;
    outline: none;
	
    /* Font settings */
    font-weight: bold;
    color: #8AA8BD;
}

.wrapper-dropdown-3:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    left: 15px;
    top: 50%;
    margin-top: -3px;
    border-width: 6px 6px 0 6px;
    border-style: solid;
    border-color: #8aa8bd transparent;
}

.wrapper-dropdown-3 .dropdown {
  /* Size & position */
    position: absolute;
    width:150px;
    top: 80%;
    left: 0;
    right: 0;

    /* Styles */
    background: white;
    border-radius: inherit;
    border: 1px solid rgba(0,0,0,0.17);
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    font-weight: normal;
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -ms-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
    list-style: none;

    /* Hiding */
    opacity: 0;
    pointer-events: none;
}

.wrapper-dropdown-3 .dropdown:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    right: 15px;
    border-width: 0 6px 6px 6px;
    border-style: solid;
    border-color: #fff transparent;    
}

.wrapper-dropdown-3 .dropdown:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    right: 13px;
    border-width: 0 8px 8px 8px;
    border-style: solid;
    border-color: rgba(0,0,0,0.1) transparent;    
}

.wrapper-dropdown-3 .dropdown li a {
    display: block;
    padding: 10px;
    text-decoration: none;
    color: #8aa8bd;
    border-bottom: 1px solid #e6e8ea;
    box-shadow: inset 0 1px 0 rgba(255,255,255,1);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.wrapper-dropdown-3 .dropdown li i {
    float: right;
    color: inherit;
}

.wrapper-dropdown-3 .dropdown li:first-of-type a {
    border-radius: 7px 7px 0 0;
}

.wrapper-dropdown-3 .dropdown li:last-of-type a {
    border: none;
    border-radius: 0 0 7px 7px;
}

/* Hover state */

.wrapper-dropdown-3 .dropdown li:hover a {
    background: #f3f8f8;
}

/* Active state */

.wrapper-dropdown-3.active .dropdown {
    opacity: 1;
    pointer-events: auto;
}

/* No CSS3 support */

.no-opacity       .wrapper-dropdown-3 .dropdown,
.no-pointerevents .wrapper-dropdown-3 .dropdown {
    display: none;
    opacity: 1; /* If opacity support but no pointer-events support */
    pointer-events: auto; /* If pointer-events support but no pointer-events support */
}

.no-opacity       .wrapper-dropdown-3.active .dropdown,
.no-pointerevents .wrapper-dropdown-3.active .dropdown {
    display: block;
}

.configureAccountDisable {
	cursor:default !important;
}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}

.playerStyle {
	width: 240px;
    height: 115px;
    float:left;
    margin-right:20px;
    border-style:solid;
    border-color: #929292;
	border-width: 1px;
}

.playerStyleMobile {
	width: 70px;
    height: 85px;
    float: left;
    margin-right: 6px;
    border-style: solid;
    border-color: #929292;
    border-width: 1px;
}

.videoPlayer{
	background-color: lightgray;
	position:relative; 
    padding:5px;
    border-style:solid;
	border-color: #929292;
	border-width: 1px;
	width: 73%;
	color:black;
    height: 30%;
    margin-top: 25px;
    overflow:auto;
}

.videoPlayerMobile{
	    background-color: lightgray;
    position: relative;
    padding: 5px;
    border-style: solid;
    border-color: #929292;
    border-width: 1px;
    width: 96%;
    color: black;
    margin-top: 15px;
    height: 100px;
}
.recordRound{
	margin-top: 10px;
    border-radius: 500px;
    height: 18px;
    width: 18px;
    background-color: #ec0000;
    display: inline-block;
    float: left;
    border: 2px solid #9a0505;
    margin-right:4%;
}

.cameraNameDivMobile{
	width: 68%;
    float: left;
    margin-top: 7px;
    text-align: left;
}
#videoMenuMobile{
	width: 10%;
    padding-top: 5px;
    text-align: left;
    float: left;
    display:inline-block;
}
.cameraNameDiv{
	padding-top:20px;
}

 .videoCameraName{
	font-size: 15px;
	padding-right:10px;
 }

.cameraStatusConnected{
	font-size: 25px;
	color:#3AC8FD;
	font-weight:bold;
}

.cameraStatusDisconnected{
	font-size: 25px;
	color:gray;
	position:relative;
}

.cameraStatusDisconnected:after{
  position: absolute;
  content: "/";
  color: gray;
  font-weight: 200;
  font-size: 1.2em;
  left: -1px;
  top: -1px;
}

.cameraStatusDiv{
	float:left;
	padding-top:2%;
	margin-right : 4%;
	cursor: default;
}

.notificationDiv{
	padding-top:2%;
	cursor: default;
	float:left;
	margin-right : 4%;
}

.notificationStatusOn{
	font-size: 25px;
	color:#3AC8FD;
}

.notificationStatusMobileOn{
	font-size: 25px;
    color: #3AC8FD;
    margin-right:4%;
}

.notificationStatusOff{
	font-size: 25px;
	color:gray;
	position:relative;
}

.notificationStatusOff:after{
  position: absolute;
  content: "/";
  color: gray;
  font-weight: 200;
  font-size: 1.2em;
  left: 1px;
  top: -1px;
}

.notificationOff{
  position: absolute;
  content: "/";
  color: red;
  font-weight: 700;
  font-size: 1.7em;
  left: 7px;
  top: -10px;
}

.notificationDisplayNone{
	visibility: hidden;
}

.soundDecStatusOn{
	font-size: 32px;
	color:#3AC8FD;
}

.motionDecStatusOn{
	font-size: 35px;
	color:#3AC8FD;
  -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";
}
.motionDecStatusMobileOn{
		font-size: 30px;
	color:#3AC8FD;
  -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";
}

.motionDetectionDiv{
	float:left;
	margin-right : 4%;
	cursor: default;
	height: 40px;
	margin-top:5px;
}

.soundDetectionDiv{
	cursor: default;
	height: 40px;
	float:left;
	margin-right:4%;
	margin-top:6px;
}

.allCamerasLabel{
	color:#3AC8FD;
	cursor : pointer;
}


.camerImage{
	width: 55%;
	height: 100%;
	margin-left: 42px;
	
}

.errorImage{
	width: 100%;
	height: 100%;
}

/* .fullScreenImage{
	width: 100%;
	height: 100%;
	background: url('../images/load3.gif') no-repeat;
	margin-left: 26%;
} */

.fullScreenImage {
  background: url('../images/load3.gif')no-repeat center center;
  width: 100%;
  height: 100%;
}
.loadSymbolGif{
	background: url('../images/load3.gif') no-repeat;
	display: none;
}

.videoStyle{
	width: 100%;
	height: 100%;
}
#lblSelectedCamImg{
	max-height:37px;
}



.videoImageDiv{
	width: 100%;
    height: 15%;
}

.videoImage{
	float: left;
	padding: 4% 2% 4% 4%;
	cursor:pointer;
}
 .videoMenu{
 float: right;
 padding-top:4%;
 cursor:pointer;
 }
 
 .videoPlayerDivStyle{
  background-color: white;
 }
 
 .cameraListDiv{
 height:95%;
 display: none;
 }
 
.editCameraConfig{
	margin-right:20%;
}

.deleteCameraConfig{
	margin-right :3%;	
}


.editConfigLabel{
	margin-right : 3%;
}

.editConfigDivStyle{
	padding-top: 15px;
}
.cammodelimg{
	max-height:29px;
}

.divWifiMsgBox{background-position: 15px 50%;text-align: left;margin: auto;top: 160px;z-index: 10000;background: #0a4270;box-shadow: inset 0 4px 0 #64ae3c;}
.divWifiMsgBox .title{font-weight: bold;}
.divWifiMsgBox .msgText{padding:10px 5px;background-position: 20px 50%;background-size:50px;background-repeat: no-repeat;}
.divWifiMsgBox .msgButtons{text-align: right;clear: both;padding: 10px;}
.divWifiMsgBoxWidth{width:600px;padding:15px;}
.wifinamelist{margin:5px 0 15px 10px;}
.wifilistDiv{margin-top:1px;margin-bottom:1px;width:90%;padding:10px;background-color:#2E72A0;cursor:pointer;}
.ntwrkName{padding-left:5px;font-weight:bold;}

.videoNotification{
	color:#3AC8FD;
	float: right;
	margin-left:5px;
	cursor:pointer;
}





/*---------- Wrapper --------------------*/

.navwifi {
	/*width: 100%;
	height: 80px;
	background: #222;*/
	float:right;
}

.navwifi ul {
	text-align: center;
	border:none;
}

.navwifi li{
	background-color:transparent;
	border:none;
}
.navwifi ul li {
	/*font: 13px Verdana, 'Lucida Grande';*/
	cursor: pointer;
	-webkit-transition: padding .05s linear;
	-moz-transition: padding .05s linear;
	-ms-transition: padding .05s linear;
	-o-transition: padding .05s linear;
	transition: padding .05s linear;
}
.navwifi ul li.drop {
	position: relative;
	background-color:transparent;
}
.navwifi ul > li {
	display: inline-block;
}
.navwifi ul li a {
	/*line-height: 80px;
	padding: 0 20px;
	height: 80px;
	color: #777;*/
	height: 80px;
	-webkit-transition: all .1s ease-out;
	-moz-transition: all .1s ease-out;
	-ms-transition: all .1s ease-out;
	-o-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
.navwifi ul li a:hover {
	color: #eee;
}

.dropOut .triangle {
	width: 0;
	height: 0;
	position: absolute;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid white;
	top: -8px;
	left: 50%;
	margin-left: -8px;
}

.dropdownContain {
	width: 300px;
    position: absolute;
    z-index: 2;
   /* left: 65%; */
    margin-left: -131px;
    /* margin-top: -55px; */
    top: 35px;
    display:none;
}
@media all and (min-width:481px) and (max-width: 568px) {
  /* put your css styles in here */
  .dropdownContain {
	width: 300px;
    position: absolute;
    z-index: 2;
   /* left: 65%; */
    margin-left: -238px;
    /* margin-top: -55px; */
    top: 35px;
    display:none;
  }
  
  .dropOut .triangle {
	width: 0;
	height: 0;
	position: absolute;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid white;
	top: -8px;
	left: 86%;
	margin-left: -8px;
}

  
}

@media all and (min-width:321px) and (max-width: 480px) {
  /* put your css styles in here */
  .dropdownContain {
	width: 300px;
    position: absolute;
    z-index: 2;
   /* left: 65%; */
    margin-left: -238px;
    /* margin-top: -55px; */
    top: 35px;
    display:none;
  }
  
  .dropOut .triangle {
	width: 0;
	height: 0;
	position: absolute;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid white;
	top: -8px;
	left: 86%;
	margin-left: -8px;
}

}

@media all and (min-width:0px) and (max-width: 320px) {
  /* put your css styles in here */
  .dropdownContain {
	width: 300px;
    position: absolute;
    z-index: 2;
   /* left: 65%; */
    margin-left: -238px;
    /* margin-top: -55px; */
    top: 35px;
    display:none;
  }
  
  .dropOut .triangle {
	width: 0;
	height: 0;
	position: absolute;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid white;
	top: -8px;
	left: 86%;
	margin-left: -8px;
}

}





.notificationDisplay{
	display:block;
}
.wificamconfigicon{
	background-color:transparent;
	color:black;
}
.dropOut {
	width: 275px;
	background: white;
	float: left;
	position: relative;
	margin-top: 0px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 6px rgba(0,0,0,1)!important;
	-moz-box-shadow: 0 1px 6px rgba(0,0,0,1)!important;
	box-shadow: 0 1px 6px rgba(0,0,0,1)!important;
	-webkit-transition: all .1s ease-out!important;
	-moz-transition: all .1s ease-out!important;
	-ms-transition: all .1s ease-out!important;
	-o-transition: all .1s ease-out!important;
	transition: all .1s ease-out!important;
	margin-left: 20px;
}
.notDisplay{
	
}

.dropOut ul {
	float: left;
	padding: 0px 0;
	margin: 4px 0px;
}
.dropOut ul li {
	text-align: left;
	float: left;
	width: 255px;
	padding: 5px 2px 7px 4px;
    margin: 3px 4px 3px 7px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition: background .1s ease-out;
	-moz-transition: background .1s ease-out;
	-ms-transition: background .1s ease-out;
	-o-transition: background .1s ease-out;
	transition: background .1s ease-out;
	font-size:small;
	list-style-type: none;
	background: #113650;
	color:white!important;
}

.dropOut ul li:hover {

}

.navwifi ul li:hover a { color: white; }
.navwifi ul li:hover .dropdownContain { top: 65px; }
.navwifi ul li:hover .underline { border-bottom-color: #777; }
.navwifi ul li:hover .dropOut { opacity: 1; margin-top: 8px; }

.notificationCounter{
	float:right;
	display:inline-block;
	padding:9px;
	background-image: url('../images/notificationCntr.png');
	background-size:100%;
	margin:6px 4px 0 10px;
	background-repeat: no-repeat;
	opacity:0.3;
}
.counterHolder{
	position: absolute;
    height: 11px;
    padding: 3px 4px;
    background-color: #D44D39;
    font-size: x-small;
    border-radius: 4px;
    margin-top: -22px;
    margin-left: 1px;
    font-weight:bold;
    
}
.notImg{
	display: inline-block;
    float: left;
    width: 11%;
    
}
.notInfo{
	background-image: url('../images/popupinfowhite.png');
	background-size:100%;
	background-repeat: no-repeat;
	height:40px;
}
.notWarning{
	background-image: url('../images/popupwarningwhite.png');
	background-size:100%;
	background-repeat: no-repeat;
	height:40px;
}
.notError{
	background-image: url('../images/popuperrorwhite.png');
	background-size:100%;
	background-repeat: no-repeat;
	height:40px;
}
.notBody{
	display: inline-block;
    float: right;
    width: 85%;
   
}
.dropdown {
    position: relative;
    display: inline-block;
    float:right;
}

.divTimeStamp{
	float:left;margin-top:11px;
	font-style:italic;
	color:white
}
.divNotBtn{
	float:right;
	margin-top:5px;
	
}

.blinkdiv {
    -webkit-animation-name: example; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 4s; /* Chrome, Safari, Opera */
    animation-name: example;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes example {
    from {background-color: #3397C1;}
    to {background-color: #113650;}
}

/* Standard syntax */
@keyframes example {
    from {background-color: #113650;}
    to {background-color: #3397C1;}
}

.cameraMenuList{
	float: right;
    margin-top: -4%;
    margin-right: 1%;
    cursor: pointer;
}




/* Dropdown Button */
.dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
    background-color: #3e8e41;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}

.menuLabel{
    margin-left: 10px;
  	color:#165f98;
}

.menuSymbol{
	margin-left: -15px;
	color:#165f98;
	font-size:23px;
}

.editConfigMsgText{
	 padding: 10px 10px 10px 45px;
    background-position: 20px 50%;
    background-size: 50px;
    background-repeat: no-repeat;
}

#editConfigMsgText{
	min-height: 50px;
    margin: 0px;
    padding: 30px 0px 0px 0px;
    word-break: break-word;
}

#notificationDiv{
	min-height: 50px;
    margin: 0px;
    padding: 0px 0px 25px 45px;
    word-break: break-word;
}

.pricingPlanRadioButton{
	opacity:1 !important;
	margin-bottom:15px;
}

.pricingPlanDiv{
	width:300px;
}

.pricingPlanListDiv{
	padding-top:30px
}

.cameraModels, .pricingPlans, .keyAccountScripts{
	display:none;
}

.authScriptGenerate{
	margin-left:26%
}

.keyAccountScript{
	margin-left:20%
}

.PricingPlanCheckBox{
	display:inline-block;
	opacity:1 !important;
	    width:19px;
	    height:19px;
	    margin-left:28px;
	    vertical-align:middle;
	    background:url('../images/check_radio_sheet.png') left top no-repeat;
}

.PricingPlanCheckBox:checked {background:url('../images/check_radio_sheet.png') -19px top no-repeat;}
.PricingPlanCheckBox:disabled ,	
.PricingPlanCheckBox:disabled {opacity:0.5}

.keyAccountAdminChkCss{
	 width: 350px;
    display: inline-block;
    padding-top: 25px;
}

.spanbasic{
	margin-left: 33px !important;
}

.spanadvanced{
	margin-left: 1px !important;
}

.spanpremium{
	margin-left: 7px !important;
}

.videoNotifyTitle{
	text-align:left;
	margin:auto;
}

.divVideoNotificationContainer{
	padding: 40px 20px 0px 20px;
}

.divContactsTitle{
	padding: 20px 20px 0px 20px;
}

.mainContactTitle{
	text-align: left;
    margin-left: 20%;
    width: 230px;
    display: inline-block
}

.secondContactTitle{
	display: inline-block;
    width: 240px;
    text-align: left;
}

.thirdContactTitle{
display: inline-block;
}

.videoChkBox{
	display:inline-block;
	opacity:1 !important;
	    width:19px;
	    height:19px;
	    margin-left:28px;
	    vertical-align:middle;
	    background:url('../images/check_radio_sheet.png') left top no-repeat;
}

.videoChkBox:checked {background:url('../images/check_radio_sheet.png') -19px top no-repeat;}
.videoChkBox:disabled ,	
.videoChkBox:disabled {opacity:0.5}

.videoTypeChkboxs{
	padding-top: 20px;
}

.mainCntVideoChk{
	float: left;
    margin-left: 115px;
}

.secondCntVideoChk{
	margin-left: 15%;
}

.thirdCntVideoChk{
	margin-left: 25%;
}

.videoTypeTitle{
	    width: 145px;
    padding-top: 20px;
    float: left;
}

.editConfigNotLbl{
	padding-right:27px;
}

.editConfigNotLblForDisarm{
	padding-right:4px;
}

.camConfigMenuSymbol{
	height: 111px;
    font-size: 25px;
    margin-left: -50px;
}

.camConfigMenuLabel{
    line-height: 30px;
    font-size: 15px;
    width: 210px;
    display: inline-block;
}

.soundDecStatusMobileOn{
	font-size: 30px;
    color: #3AC8FD;
    float: left;
}

.recordRoundTablet{
	margin-top: 10px;
    border-radius: 500px;
    height: 18px;
    width: 18px;
    background-color: #ec0000;
    display: inline-block;
    float: left;
    border: 2px solid #9a0505;
    margin-right: 15px;
}

.wifiList{
	overflow-y:auto;
	max-height:200px;
}

.showWifimodal{text-align:left;z-index:2000000;display:block;width:100%;top:30%;} 

.selectWifiAuthType{
	 background-color: #3AC8FD;
}

.WifiSettingsBtn{
	margin-top:20px;
}
.KABtnRefreshDIVstyle{
margin-top: 20px;
margin-right: 16PX;
}

.dropdowncntry, .dropup {
    position: relative;
}
.open>.dropdown-menu {
    display: block;
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.btnCntry {
    display: inline-block;
    padding: 2px 5px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.btnCntry .caret {
    margin-left: 0;
    margin-top: 7px;
}
.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}
.txtbox.noImg{
	padding-left:10px;
	padding-right:10px;
}
.emailStyleKey{
	font-size: 14px;
	border-radius: 3px;
	background: rgb(241, 41, 77);
	border: none;
	text-align: left;
	margin-top: 16px;
}
#mainContactDropdownList{
	max-height:230px;
	overflow:auto;
}
.cntrNum{
	 width:119px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.cntrNum{
	 width:125px;
}
}
.countryNumberHelp{
	margin-left:-5px;
}
.cntrCode{
	width:25px;
}
.clAqua{	
	color:#00e6e6;
	};
.clYellow{	
	color:#e6e600;
	}
.clMaroon{	
	color:#800000;
	}
.clNavy{	
	color:#000080;
	}
.clBlack{	
	color:#000000;
	}
.clDkGray{	
	color:#808080;
	}
.clGreen{	
	color:#008000;
	}
.clLtGray{	
	color:#c0c0c0;
	}
.clPurple{	
	color:#800080;
	}
.clRed{	
	color:#ff0000;
	}
.clTeal{	
	color:#808000;
	}
div.eventLogRow div.icon i {
    width: 40px;
    line-height: 40px;
    font-size: 32px;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.3), -1px -1px 1px rgba(0,0,0,0.3);
}
}
#divntwrkName{height: 400px; width: 100%; display: block;}

.wifiMgmtContainer{background-color: #0D1623;width: 440px;margin: auto;display: inline-block;padding: 20px 30px;margin-top: 50px;}
.wifiMgmtContainer .colleft{width: 170px;float: left;} 
	
/* 	.wifiList{background-color: #678da5;
		display: inline-block;
		margin: 5px auto auto;
		padding: 140px 30px;
		width: 248px
	}
	.wifiList .avilableWifi{background-color: #0000ff;padding: 20px 30px;} */
	
.divWifiManualMsgBox{background-position: 15px 50%;text-align: left;margin: auto;top: 200px;z-index: 10000;background: #0a4270;box-shadow: inset 0 4px 0 #64ae3c;}
.divWifiManualMsgBox .title{padding:15px 10px 10px 15px;margin: 0px;font-weight: bold;}
.divWifiManualMsgBox .msgText{padding: 10px;background-position: 20px 50%;background-size:50px;background-repeat: no-repeat;}
.divWifiManualMsgBox .msgButtons{text-align: right;clear: both;padding: 10px;}
.divWifiManualMsgBoxWidth{width:426px;padding:15px;}
.divWifiManualMsgBoxMobile{width:250px;padding:15px;}


.wifiaccordion {
    border-bottom: solid 1px #113E65;
    border-top: solid 1px #277CB2;
    border-right:solid 1px #277CB2;
    border-left:solid 1px #277CB2;
    width: 95%;
    height:40px;
    margin-bottom:5px;
    background: linear-gradient(to bottom, #0e5b89 0%,#2178ab 0%,#0e5b93 100%);
}

.wifiaccordion.active,.wifiaccordion:hover {
    background-color: #ddd;
}

.wifiHeaderHolder{padding:5px 5px 0 10px;height: 30px;}
.wifisprite {
    background-image: url('../images/wifi_strength.png');
    background-repeat: no-repeat;
    display: block;
    margin-right: 15px;
}

.wifi_0 {
    width: 24px;
    height: 24px;
    background-position: 0 0;
}

.wifi_1 {
    width: 24px;
    height: 24px;
    background-position: 0 -24px;
}

.wifi_2 {
    width: 24px;
    height: 24px;
    background-position: 0 -48px;
}

.wifi_3 {
    width: 24px;
    height: 24px;
    background-position: 0 -72px;
}

.wifi_4 {
    width: 24px;
    height: 24px;
    background-position: 0 -92px;
}

.wifiConnected{
	float:right;
	margin-right:20px;
	margin-top:3px;
	-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
		box-sizing: content-box;
		border: none;
		-o-text-overflow: clip;
		text-overflow: clip;
		text-shadow: -1px 0 30px rgba(0,255,255,1) ;
		-webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
		-moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
		-o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
		transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
		color:rgba(0,255,255,1);
		font-size:18px;
}

.wifipanel {
    
    background-color: rgba(20, 70, 109, 0.66);
    width: 95%;
    display: none;
    margin-top:-6px;
    margin-bottom:4px;
    border-bottom: solid 2px #113E65;
    border-right:solid 1px #277CB2;
    border-left:solid 1px #277CB2;
}

.wifipanel.show {
    display: block !important;
}
.divWifiMobile{padding:10px 4px 4px 15px;color:white;}
.wifiConnectHolderDsktp{margin-top:5px;margin-right:210px;}
#divntwrkName{height: 400px; width: 100%; display: block;}
div.wifiaccordion:after {
    content: '\25BC'; /* Unicode character for "plus" sign (+) */
    margin-right:5px;
    color: #3AC8FD;
    float: right;
    margin-top: -22px;
    font-size:10px;
}

div.wifiaccordion.active:after {
    content: "\25B2"; /* Unicode character for "minus" sign (-) */
}
.divWebShopMsgBoxWidth{
	width:905px;
	padding:15px;
}
.marginTop20x{
	margin-top:20px;
}
.inline-block{
	display:inline-block;
	padding: 10px;
}
.marginTop40x{
	margin-top:40px;
}
.voipConfigSectionAdmin{
max-height: 250px;
overflow-y: auto;	
}
.txtbox.customSmaller{
	width:120px;
}
.divAdvanceLog{
	position:relative;
	bottom:10px;
	width:200px;
	display: inline-block;
}
.divAdvanceLogMobile{
	width:110px;
	display: inline-block;
	position:relative;
	bottom:10px;
}
.advanceActiveChkMobile{
	margin-left:-2px;
}
input[type="checkbox"][readonly] {
  pointer-events: none;
}

.nativeAppLinks{
	margin-left:47%;
	margin-right: -21px;
	padding-top: 20px;
}

.nativeAppDiv{
	padding-left: 35px;
}

.nativeGoogleAppLinks{
	margin-left:72%;
	margin-right: -21px;
	padding-top: 20px;
}

.nativeIosAppLinks{
	margin-left:69%;
	margin-right: -21px;
	padding-top: 20px;
}

.nativeAppDivMobile{
	padding-top: 15px;
    padding-bottom: 5px;
    margin-right: 15px;
}

.iosAppStoreMobile{
	padding-left: 5px;
}

.iosAppStoreDesktop{
	padding-left: 10px;
}

.nativeAppLinksMobile{
	margin-left: 51%;
    margin-right: -21px;
    padding-top: 5px;
}

.nativeIosOrGoogleAppLinksMob{
	margin-left: 73%;
    margin-right: -21px;
    padding-top: 4px;
}