
body {
	background: #000;
}

.blackbackground {
	background: #000;
}

.whiteBackground {
	background: #fff !important;
}

.grayBackground {
	background: #d9d9d9 !important;
}

.lightGreenBackground {
	background: #e7f8dc !important;
}

.greenBackground {
	background: #6ad836 !important;
}

.wifi-icon {
	clear:both;
	position:absolute;
	top:0px;
	right:20px;
}

.positionFixed {
	position: fixed !important;
}

.positionRelative {
	position: relative !important;
}

.positionAbsolute {
	position: absolute !important;
}

/**** LINK COLOR CHANGE #31BFEF ****/

.ui-bar-a a.ui-link, .ui-bar-a a.ui-visited {
	color: #FFFFFF /*{a-bar-link-color}*/ !important;
	font-weight: bold !important;
}
.ui-bar-a a.ui-link:hover {
	text-decoration: none /*{a-bar-link-hover}*/ !important;
}
.ui-bar-a a.ui-link:active {
	color: #FFFFFF /*{a-bar-link-active}*/ !important;
}
.ui-body-a .ui-link {
	color: #DD6F00 /*{a-body-link-color}*/ !important;
}
.ui-body-a .ui-link:hover {
	color: #DD6F00 /*{a-body-link-hover}*/ !important;
}
.ui-body-a .ui-link:active {
	color: #DD6F00 /*{a-body-link-active}*/ !important;
}
.ui-body-b .ui-link {
	color: #DD6F00 /*{b-body-link-color}*/ !important;
}
.ui-body-b .ui-link:hover {
	color: #DD6F00 /*{b-body-link-hover}*/ !important;
}
.ui-body-b .ui-link:active {
	color: #DD6F00 /*{b-body-link-active}*/ !important;
}
.ui-bar-c a.ui-link {
	color: #DD6F00 /*{c-bar-link-color}*/ !important;
}
.ui-bar-c a.ui-link:hover {
	color: #DD6F00 /*{c-bar-link-hover}*/ !important;
}
.ui-bar-c a.ui-link:active {
	color: #DD6F00 /*{c-bar-link-active}*/ !important;
}
.ui-body-c .ui-link {
	color: #25B4EF /*{c-body-link-color}*/ !important;
	font-weight: normal !important;
}
.ui-body-c .ui-link:hover {
	text-decoration: underline /*{c-body-link-hover}*/ !important;
}
.ui-body-c .ui-link:active {
	color: #79D6F4 /*{c-body-link-active}*/ !important;
	text-decoration: none !important;
}
.ui-bar-d a.ui-link {
	color: #DD6F00 /*{d-bar-link-color}*/ !important;
}
.ui-bar-d a.ui-link:hover {
	color: #DD6F00 /*{d-bar-link-hover}*/ !important;
}
.ui-bar-d a.ui-link:active {
	color: #DD6F00 /*{d-bar-link-active}*/ !important;
}
.ui-body-d .ui-link {
	color: #DD6F00 /*{d-body-link-color}*/ !important;
}
.ui-body-d .ui-link:hover {
	color: #DD6F00 /*{d-body-link-hover}*/ !important;
}
.ui-body-d .ui-link:active {
	color: #DD6F00 /*{d-body-link-active}*/ !important;
}
.ui-bar-e a.ui-link {
	color: #DD6F00 /*{e-bar-link-color}*/ !important;
}
.ui-bar-e a.ui-link:hover {
	color: #DD6F00 /*{e-bar-link-hover}*/ !important;
}
.ui-bar-e a.ui-link:active {
	color: #DD6F00 /*{e-bar-link-active}*/ !important;
}
.ui-body-e .ui-link {
	color: #DD6F00 /*{e-body-link-color}*/ !important;
}
.ui-body-e .ui-link:hover {
	color: #DD6F00 /*{e-body-link-hover}*/ !important;
}
.ui-body-e .ui-link:active {
	color: #DD6F00 /*{e-body-link-active}*/ !important;
}

/**** END LINK COLOR CHANGE ****/

.cancelBtn {
	position: absolute;
	top: 40px;
	left: 20px;
	padding-top: 6px;
	color: #fff !important;
}

a.cBtn {
	background: url("../images/background-header-button.png");
	border: 1px solid #233E50;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold !important;
	padding: 10px 15px;
	padding-left: 20px;
	color: #fff !important;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
}

.editBtn {
	position: absolute;
	top: 40px;
	right: 20px;
	font-size: 25px;
}

.editBtn img {
	margin-top: -8px;
}

.password-input {
	position: absolute;
	top: 20px;
	right: 10px;
}

.bold {
	font-weight: bold !important;
}

.blue {
	color: #007aff !important;
	text-shadow: none;
}

.floatRight {
	float: right !important;
}

.floatLeft {
	float: left !important; 
}

.no-float {
	float: none !important; 
}

.centered {
	margin: 0 auto !important;
	text-align: center !important;
}

.alignc {
	text-align: center !important;
}

.padding-top0 {
	padding-top: 0px !important;
}

.padding-top05 {
	padding-top: 5px !important;
}

.padding-top10 {
	padding-top: 10px !important;
}

.padding-top15 {
	padding-top: 15px !important;
}

.padding-top20 {
	padding-top: 20px !important;
}

.padding-top25 {
	padding-top: 25px !important;
}

.padding-top30 {
	padding-top: 30px !important;
}

.padding-bottom0 {
	padding-bottom: 0px !important;
}

.padding-bottom10 {
	padding-bottom: 10px !important;
}

.padding-bottom20 {
	padding-bottom: 20px !important;
}

.padding-bottom30 {
	padding-bottom: 30px !important;
}

.padding-bottom40 {
	padding-bottom: 40px !important;
}

.padding-bottom50 {
	padding-bottom: 50px !important;
}

.padding-bottom60 {
	padding-bottom: 60px !important;
}

.padding-bottom70 {
	padding-bottom: 70px !important;
}

.padding-bottom80 {
	padding-bottom: 80px !important;
}

.padding-bottom90 {
	padding-bottom: 90px !important;
}

.padding-bottom100 {
	padding-bottom: 100px !important;
}

.padding-bottom210 {
	padding-bottom: 210px !important;
}

.padding-left-right05 {
	padding-left: 5px !important;
	padding-right: 5px !important;
}

.padding-left-right10 {
	padding-left: 10px !important;
	padding-right: 10px !important;
}

.padding-left-right15 {
	padding-left: 15px !important;
	padding-right: 15px !important;
}

.padding-left-right20 {
	padding-left: 20px !important;
	padding-right: 20px !important;
}

.padding-left-right25 {
	padding-left: 25px !important;
	padding-right: 25px !important;
}

.padding-left-right30 {
	padding-left: 30px !important;
	padding-right: 30px !important;
}

.padding-top-bottom05 {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}

.padding-top-bottom10 {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}

.padding-top-bottom15 {
	padding-top: 15px !important;
	padding-bottom: 15px !important;
}

.padding-top-bottom20 {
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}

.padding-top-bottom30 {
	padding-top: 30px !important;
	padding-bottom: 30px !important;
}

.padding-top-bottom50 {
	padding-top: 50px !important;
	padding-bottom: 50px !important;
}

.padding0 {
	padding: 0px !important;
}

.padding1 {
	padding: 1px !important;
}

.padding2 {
	padding: 2px !important;
}

.padding3 {
	padding: 3px !important;
}

.padding4 {
	padding: 4px !important;
}

.padding5 {
	padding: 5px !important;
}

.padding10 {
	padding: 10px !important;
}

.padding11 {
	padding: 11px !important;
}

.padding12 {
	padding: 12px !important;
}

.padding13 {
	padding: 13px !important;
}

.padding14 {
	padding: 14px !important;
}

.padding15 {
	padding: 15px !important;
}

.padding16 {
	padding: 16px !important;
}

.padding17 {
	padding: 17px !important;
}

.padding18 {
	padding: 18px !important;
}

.padding19 {
	padding: 19px !important;
}

.padding15 {
	padding: 15px !important;
}

.padding20 {
	padding: 20px !important;
}

.padding25 {
	padding: 25px !important;
}

.padding30 {
	padding: 30px !important;
}

.padding35 {
	padding: 35px !important;
}

.padding40 {
	padding: 40px !important;
}

.padding45 {
	padding: 45px !important;
}

.padding50 {
	padding: 50px !important;
}

.padding-top20 {
	padding-top: 20px !important;
}

.padding-top25 {
	padding-top: 25px;
}

.padding-left10 {
	padding-left: 10px !important;
}

.padding-left20 {
	padding-left: 20px !important;
}

.padding-left30 {
	padding-left: 30px !important;
}

.padding-left35 {
	padding-left: 35px !important;
}

.padding-right20 {
	padding-right: 20px !important;
}

.padding-right30 {
	padding-right: 30px;
}

.padding-right35 {
	padding-right: 35px !important;
}

.margin-bottom0 {
	margin-bottom: 0px;
}

.margin-bottom5 {
	margin-bottom: 5px;
}

.margin0 {
	margin: 0px !important;
}

.margin1 {
	margin: 1px !important;
}

.margin2 {
	margin: 2px !important;
}

.margin3 {
	margin: 3px !important;
}

.margin4 {
	margin: 4px !important;
}

.margin5 {
	margin: 5px !important;
}

.margin6 {
	margin: 6px !important;
}

.margin7 {
	margin: 7px !important;
}

.margin8 {
	margin: 8px !important;
}

.margin9 {
	margin: 9px !important;
}

.margin10 {
	margin: 10px !important;
}

.margin20 {
	margin: 20px !important;
}

.margin-top0, .margin-top-0 {
	margin-top: 0px !important;
}

.margin-top1 {
	margin-top: 1px !important;
}

.margin-top2 {
	margin-top: 2px !important;
}

.margin-top3 {
	margin-top: 3px !important;
}

.margin-top4 {
	margin-top: 4px !important;
}

.margin-top5 {
	margin-top: 5px !important;
}

.margin-top6 {
	margin-top: 6px !important;
}

.margin-top7 {
	margin-top: 7px !important;
}

.margin-top8 {
	margin-top: 8px !important;
}

.margin-top9 {
	margin-top: 9px !important;
}

.margin-top10 {
	margin-top: 10px !important;
}

.margin-top20 {
	margin-top: 20px !important;
}

.margin-top30 {
	margin-top: 30px !important;
}

.margin-top40 {
	margin-top: 40px !important;
}

.margin-top50 {
	margin-top: 50px !important;
}

.margin-top60 {
	margin-top: 60px !important;
}

.margin-top70 {
	margin-top: 70px !important;
}

.margin-top75 {
	margin-top: 75px !important;
}

.margin-top80 {
	margin-top: 80px !important;
}

.margin-top90 {
	margin-top: 90px !important;
}

.margin-top100 {
	margin-top: 100px !important;
}

.margin-top150 {
	margin-top: 150px !important;
}

.margin-top200 {
	margin-top: 200px !important;
}

.margin-top250 {
	margin-top: 250px !important;
}

input.ui-input-text {
	height: 35px;
	padding-left: 10px;
}

.input-WeMo {
	position: absolute;
	right: 20px;
	top: 5px;
}

.div20 {
	padding: 0px !important;
	/*height: 10px;*/
	/*
	background-image: url("../images/background-ui.png") !important;
	background-image: none;
	*/
}

.white-background {
	background: #ffffff !important;
}

.gray-background {
	background: #888888 !important;
	/*
	background-image: url("../images/background-ui.png") !important;
	background-image: none;
	*/
}

.background-lsw-theme-dark {
	background: #001A2C !important;
}

.lightGrayBackground {
	background: #e6e6e6 !important;
	/*
	background-image: url("../images/background-ui.png") !important;
	background-image: none;
	*/
}

.ui-listview, .ui-listview li {
	border-color: #bbbbbb;
	background: #ffffff;
	/*
	background-image: url("../images/background-ui.png") !important;
	background-image: none;
	*/
}

.lowerDiv {
  position: fixed;
  font-family: Arial, Helvetica, sans-serif;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0,0,0,0.8);
  z-index: 99999;
  opacity:.9;
  -webkit-transition: opacity 400ms ease-in;
  -moz-transition: opacity 400ms ease-in;
  transition: opacity 400ms ease-in;
  
}

.lowerDiv:target {
    opacity:1;
    pointer-events: auto;
}

.lowerDiv > div {
    width: 500px;
    height: 200px;
    position: relative;
    margin: 10% auto;
    padding: 5px 20px 13px 20px;
    
}

.inner-lower-div {
	position: absolute;
	top: 450px;
}

.row1 {
	height: 170px !important;
	border-radius: 10px;
    background: #fff;
    background: -moz-linear-gradient(#fff, #999);
    background: -webkit-linear-gradient(#fff, #999);
    background: -o-linear-gradient(#fff, #999);
}

.row3 {
	height: 50px !important;
	border-radius: 10px;
    background: #fff;
    background: -moz-linear-gradient(#fff, #999);
    background: -webkit-linear-gradient(#fff, #999);
    background: -o-linear-gradient(#fff, #999);
}

.row2 {
	height: 50px;
	border-radius: 10px;
    background: #fff;
    background: -moz-linear-gradient(#fff, #999);
    background: -webkit-linear-gradient(#fff, #999);
    background: -o-linear-gradient(#fff, #999);
    margin-top: 10px;
    text-align: center;
}

.row2Link {
	text-decoration: none;
	
}

.row2Content {
	padding: 15px !important;
}

.myList {
	padding: 0px;
	list-style: none;
	position: relative;
	overflow: visible;
	text-align: center;
	border-width: 0;
	border-top-width: 1px;
}

.myLi {
	margin: 20px;
}

.proceedBtn {
	background-image: url("../images/background-proceed-btn.png") !important;
	padding: 15px 0px;
	margin: 0 auto;
	text-align: center;
	font-weight: bold;
	color: #fff !important;
	border-radius: 5px;
	border: solid 1px #407DB4;
}

.proceedBtn:hover {
	text-decoration: none !important;
}

.MySelect {
	z-index: 99;
	cursor: pointer;
}

#dummyDone {
	z-index: 9999999;
	height: 40px;
	width: 50px;
	font-size: 15px;
	text-align: center;
	position: absolute;
	bottom: 13px;
	right: 70px;
	color: #ffffff;
	cursor: pointer;
}

.dummyBtn {
	z-index: 9999999;
	height: 40px;
	width: 70px;
	font-size: 15px;
	text-align: center;
	position: absolute;
	bottom: 13px;
	right: 70px;
	color: #ffffff;
	cursor: pointer;
}

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

.margin-top20 {
	margin-top: 20px;
}

.margin-bottom15 {
	margin-bottom: 15px;
}

.margin-bottom20 {
	margin-bottom: 20px;
}

.margin-bottom25 {
	margin-bottom: 25px;
}

.margin-bottom30 {
	margin-bottom: 30px;
}

.margin-bottom40 {
	margin-bottom: 40px;
}

.margin-bottom50 {
	margin-bottom: 50px;
}

.margin-15 {
	margin: -15px !important;
}

.margin-left0 {
	margin-right: 0px !important;
}

.margin-left1 {
	margin-right: 1px !important;
}

.margin-left2 {
	margin-right: 2px !important;
}

.margin-left3 {
	margin-right: 3px !important;
}

.margin-left4 {
	margin-right: 4px !important;
}

.margin-left5 {
	margin-right: 5px !important;
}

.margin-left6 {
	margin-right: 6px !important;
}

.margin-left7 {
	margin-right: 7px !important;
}

.margin-left8 {
	margin-right: 8px !important;
}

.margin-left9 {
	margin-right: 9px !important;
}

.margin-left10 {
	margin-right: 10px !important;
}

.margin-right10 {
	margin-right: 10px !important;
}

.margin-right15 {
	margin-right: 15px !important;
}

.margin-right20 {
	margin-right: 20px !important;
}

.margin-right30 {
	margin-right: 30px !important;
}

.margin-right40 {
	margin-right: 40px !important;
}

.margin-right50 {
	margin-right: 50px !important;
}

.margin-right60 {
	margin-right: 60px !important;
}

.margin-right70 {
	margin-right: 70px !important;
}

.margin-right80 {
	margin-right: 80px !important;
}

.margin-right90 {
	margin-right: 90px !important;
}

.margin-right100 {
	margin-right: 100px !important;
}

#deviceCell {
	background: #ffffff;
	
}

.dot-btn {
	line-height: 50px;
	position: absolute;
	right: 120px;
}

.wemo-footer-bottom {
	border-top: 2px solid #73d44c !important;
	background: #ececec !important;
	height: 85px;
	padding: 5px;
}

.border1 {
	border: 1px solid !important;
}

.border10 {
	border: 10px solid #dedee0 !important;
}

.borderTop1 {
	border-top: 1px solid #8a8a8a !important;
}

.borderRight1 {
	border-right: 1px solid #8a8a8a !important;
}

.blackFont {
	color: #000 !important;
}

.greenFont {
	color: #73d44c !important;
}

.grayFont {
	color: #8a8a8a !important;
}

.whiteFont {
	color: #ffffff !important;
}

.topListFont {
	font-size: 22px !important;
	font-weight: bold !important;
	color: #444444 !important;
}

.dotted-border-bottom-individual {
	border-bottom: 2px dotted #000;
}

.noBorderBottom {
	border-bottom: 0px !important;
}

.powerIcon {
	color: #f8c736;
}

.rightEditArrow {
	height: 100px;
	border-right: 1px solid #c7c7c7;
	position: fixed;
}

#rightColumn {
	float: right !important;
	position: relative;
	padding-left: 45px;
	height: 90px;
}

.loadingGif {
  position: fixed;
  font-family: Arial, Helvetica, sans-serif;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0,0,0,0.8);
  z-index: 99999;
  opacity:.9;
  -webkit-transition: opacity 400ms ease-in;
  -moz-transition: opacity 400ms ease-in;
  transition: opacity 400ms ease-in;
}

.loadingGif:target {
    opacity:1;
    pointer-events: auto;
}

.loadingGif > div {
    width: 500px;
    height: 200px;
    position: relative;
    margin: 50% auto;
    padding: 5px 20px 13px 20px;
    
}

.loadingDiv {
	height: 120px !important;
	width: 120px !important;
	border-radius: 10px;
	background: #999999;
}

.loadingSelect {
	text-align: center;
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 99999;
	opacity: 0.95;	
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
}

.loadingSelect div.list {
	background: #fff;
	border-radius: 10px;
	color: #000;
	width: 60%;
	margin: 200px auto 0px;
}

.loadingSelect div.list div {
	border-bottom: 1px solid #D4D4DC;
	padding: 15px 20px;
	font-size: 13pt;
	font-weight: bold;
	text-align: left;
}

.loadingSelect div.list div:last-child {
	border-bottom: none;
}

.dropdown-checked {
	background: url('../images/check-ios-dropdown.png') no-repeat center right 15px;
}

.lineHeight0 {
	line-height: 0px;
}

.lowerModal {
  position: fixed;
  font-family: Arial, Helvetica, sans-serif;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0,0,0,0.8);
  z-index: 99999;
  opacity:.9;
  -webkit-transition: opacity 400ms ease-in;
  -moz-transition: opacity 400ms ease-in;
  transition: opacity 400ms ease-in;
  
}

.lowerModal:target {
    opacity:1;
    pointer-events: auto;
}

.lowerModal > div {
    width: 500px;
    position: absolute;
    bottom: 20px;
    padding: 5px 20px 13px 20px;
}

.top0 {
	top: 0px !important;
}

.top {
	top: 10px !important;
}

.top15 {
	top: 15px !important;
}

.top30 {
	top: 30px !important;
}

.top105 {
	top: 105px !important;
}

.left30 {
	left: 30px !important;
}

.left50 {
	left: 50px !important;
}

.right10 {
	right: 10px !important;
}

.right20 {
	right: 20px !important;
}

.right30 {
	right: 30px !important;
}

.myGlower > div > div > span {
	display: none;
}

.ui-icon.ui-icon-arrow-r.ui-icon-shadow {
	display: none !important;
}

.iosClock {
	z-index: 999999;
	position: absolute;
	top: 0px;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
} /**** Search for .iosClock .header-time for the override of timer on this file ****/

.iosSettings {
	z-index: 999999;
	position: absolute;
	top: 395px;
	left: 415px;
	height: 55px;
	width: 50px;
	cursor: pointer;
}

.SmartWifiMain {
	z-index: 999999;
	position: absolute;
	top: 510px;
	left: 35px;
	height: 55px;
	width: 50px;
	cursor: pointer;
}

#wifiSettingsLink {
    -webkit-transition: text-shadow 0.2s linear;
    -moz-transition: text-shadow 0.2s linear;
    -ms-transition: text-shadow 0.2s linear;
    -o-transition: text-shadow 0.2s linear;
    transition: text-shadow 0.2s linear;
}
#wifiSettingsLink:hover {
    text-shadow: 0 0 10px #FF0000;
    border: 1px solid #FF0000;
}

.no-underline {
	text-decoration: none !important;
}

.firmwareModal {
  position: fixed;
  font-family: Arial, Helvetica, sans-serif;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0,0,0,0.8);
  z-index: 99999;
  opacity:1;
  -webkit-transition: opacity 400ms ease-in;
  -moz-transition: opacity 400ms ease-in;
  transition: opacity 400ms ease-in;
  
}

.firmwareModal:target {
    opacity:1;
    pointer-events: auto;
}

.firmwareModal > div {
	background: #fff;
    width: 350px;
    height: 195px;
    margin: 200px auto;
    border-radius: 10px;
}

.width50px {
	width: 50px !important;
}

.width65px {
	width: 65px !important;
}

.width90px {
	width: 90px !important;
}

.width50p {
	width: 50% !important;
}

.width60p {
	width: 60% !important;
}

.width70p {
	width: 70% !important;
}

.width75p {
	width: 75% !important;
}

.width80p {
	width: 80% !important;
}

.width90p {
	width: 90% !important;
}

.width95p {
	width: 95% !important;
}

.width100p {
	width: 100% !important;
}

.width135px {
	width: 135px !important;
}

.width300px {
	width: 300px !important;
}

.width380px {
	width: 380px !important;
}

.width430px {
	width: 430px !important;
}

.width410px {
	width: 410px !important;
}

.width535 {
	width: 535px !important;
}

.width600px {
	width: 600px !important;
}

.v-align-t {
	vertical-align: top !important;
}

.height20p {
	height: 20% !important;
}

.height25p {
	height: 25% !important;
}

.height30p {
	height: 30% !important;
}

.height35p {
	height: 35% !important;
}

.height40p {
	height: 40% !important;
}

.height45p {
	height: 45% !important;
}

.height50p {
	height: 50% !important;
}

.height100p {
	height: 100% !important;
}

.height35 {
	height: 35px !important;
}

.height40 {
	height: 40px !important;
}

.height50 {
	height: 50px !important;
}

.height60 {
	height: 60px !important;
}

.height85 {
	height: 85px !important;
}

.height190 {
	height: 190px !important;
}

.height300 {
	height: 300px !important;
}

.height350 {
	height: 350px !important;
}

.height360 {
	height: 360px !important;
}

.height400 {
	height: 400px !important;
}

.height500 {
	height: 500px !important;
}

.height550 {
	height: 550px !important;
}

.height600 {
	height: 600px !important;
}

.height610 {
	height: 610px !important;
}

.height620 {
	height: 620px !important;
}

.height625 {
	height: 625px !important;
}

.height630 {
	height: 630px !important;
}

.height640 {
	height: 640px !important;
}

.height650 {
	height: 650px !important;
}

.height700 {
	height: 700px !important;
}

.border-rad5 {
	border-radius: 5px !important;
	-moz-border-radius: 5px !important;
}

.border-rad10 {
	border-radius: 10px !important;
	-moz-border-radius: 10px !important;
}

.border-rad15 {
	border-radius: 15px !important;
	-moz-border-radius: 15px !important;
}

.border-rad20 {
	border-radius: 20px !important;
	-moz-border-radius: 20px !important;
}

.border-rad25 {
	border-radius: 25px !important;
	-moz-border-radius: 25px !important;
}

.ui-body-c, .ui-overlay-c {
	text-shadow: none !important;
}

.remoteAccessModal {
  position: fixed;
  font-family: Arial, Helvetica, sans-serif;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0,0,0,0.8);
  z-index: 99999;
  opacity:1;
  -webkit-transition: opacity 400ms ease-in;
  -moz-transition: opacity 400ms ease-in;
  transition: opacity 400ms ease-in;
  
}

.remoteAccessModal:target {
    opacity:1;
    pointer-events: auto;
}

.remoteAccessModal > div {
	background: #fff;
    width: 350px;
    height: 155px;
    margin: 200px auto;
    border-radius: 10px;
}

.absolute{
	position: absolute !important;
}

.animated_box {
 border: 2px dashed red;
}

.clickable {
	cursor: pointer !important;
}

.margin-t-b {
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}

.margin-l-r {
	margin-left: 10px !important;
	margin-right: 10px !important;
}

.underline {
	text-decoration: underline !important;
}

.max-w100 {
	max-width: 100% !important;
}

.max-h100 {
    max-height: 100% !important;
}

.ui-li-heading {
	font-weight: normal !important;
}

.list-style-none {
	list-style: none !important;
}

h3 .margin0 {
	margin: 0 0 !important;
}

.ui-fixed-hidden {
	position: fixed !important;
}

.opacity1 {
	opacity: 1 !important;
}

.opacity50 {
	opacity: 0.5 !important;
}

.opacity0 {
	opacity: 0 !important;
}

.green {
	color: #73d44b !important;
}

.ui-li, .ui-li.ui-field-contain {
	border-top-width: 0px !important;
}

.ui-li-last .ui-li.ui-field-contain.ui-li-last {
	border-top-width: 0px !important;
}

.no-border-last-li {
	border-top-width: 0px !important;
}

.notif-msgbox {
	width: 500px;
	color : #747862;
	height:40px;
	border:0;
	padding:4px 8px;
	margin-bottom:0px;
}

.posRel {
	position: relative;
}

.iosHomeBtn {
	position: absolute;
	top: 5px;
	left: 305px;
	z-index: 9999;
	height: 35px;
	width:	35px;
	cursor: pointer;
	margin: 0 auto;
}

.closeKeyboardBtn {
	position: fixed;
	z-index: 9999;
	right: 8px;
	bottom: 12px;
	height: 56px !important;
	width: 110px !important;
}

.bottom-most {
	bottom: 0;
}

.ui-field-contain label.ui-slider {
	width: 50% !important;
}

.ui-header .ui-title, .ui-footer .ui-title {
	margin-left: 0% !important;
	margin-right: 0% !important;
}

ul[data-role=listview].scroll {
	height: 598px;
	overflow: scroll;
}

.no-max-size {
	max-width: none !important;
	max-height: none !important;
}

/**** MAIN WINDOW BACKGROUND ****/
.ui-body-c, .ui-overlay-c {
	background-image: url("../images/background-ui.png") !important;
	background-position: center !important;
	background-repeat: repeat-y !important;
	/* Bottom part of the UI */
}

.lsw-background {
	background-image: url("../images/background-ui.png") !important;
	background-position: center !important;
	background-repeat: repeat-y !important;
}

.ui-li {
	background: none !important;
}

/**** INPUT FORM BACKGROUND ****/
input.ui-input-text, textarea.ui-input-text, .ui-input-search {
	background-image: none !important;
}

/**** MAIN TITLE BACKGROUND AND OTHER HEADER FIXES ****/
.ui-header-fixed {
	background-image: url("../images/background-header.png") !important;
}
.ui-header {
	border-bottom-color: #2CB5E8;
	border-bottom: none;
}
.header-wifi, .header-time, .header-batt {
	padding-top: 2px;
	background: #F0F0F0;
	color: #444;
}
.header-wifi {
	padding-left: 5px;
	padding-bottom: 1px;
	margin-left: 0px;
}
.header-time {
	padding-bottom: 2px;
	padding-right: 1px;
}
.header-batt {
	margin-right: 0px;
	padding-right: 4px;
	float: left;
}
.ui-bar-a {
	color: #fff !important;
}

/**** CONTENT FOREGROUND COLOR ****/
.ui-listview .ui-li-divider {
	color: #00456B !important;
}

/**** SLIDER BUTTON ****/
.ui-listview li.slider-button {
	background: url("../images/button-slider.png") center bottom no-repeat;
}

/**** HOME CLOCK OVERRIDE ****/
.iosClock .header-time {
	background: none;
	color: #CCC;
	padding-top: 1px;
	width: 100%;
}

/**** CUSTOM UI SETTINGS ****/
input.ui-input-text, .ui-input-search {
	border-radius: 8px;
	padding: 20px 10px !important;
}

.lsw-panel-background {
	background-color: #EBF3F6;
	background-image: url('../images/background.png') !important;
}

.color-ios-theme-blue {
	color: #007AFF;
}

.color-lsw-theme {
	color: #00456B;
}

.color-lsw-theme-light {
	color: #25B4EF;
}

.color-light-gray {
	color: #929292;
}

.color-mid-gray {
	color: #6A6A6A;
}

.color-dark-gray {
	color: #424242;
}

[id^="topList"] {
	background: #fff !important;
	border-bottom: 2px solid #C6CACB !important;
	font-size: 25px;
	color: #00456B;
	height: 90px;
	padding: 0px 30px;
}

[id^="topList"] div.icon {
	float: left;
	margin: 20px 18px auto auto;
}

[id^="topList"] div.label {
	height: 90px;
	display: table-cell;
	vertical-align: middle;
}

.mainUIContent, .mainUIContent2 {
	height: 500px;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 10px !important;
}

.mainUIContent {
	font-size: 18pt;
}

.mainUIContent2 {
	font-size: 23pt;
}

.network-health {
	background: url('../images/network-health.png') center top;
	height: 190px;
}

/**** CUSTOM IOS BUTTON FOR LSW ****/

span.ui-slider-label-a {
	background-color: #2DBCED !important;
}

div.ui-slider-switch a.ui-slider-handle {
	border-radius: 30px;
	width: 40px;
	height: 40px;
	margin-top: -5px;
	margin-left: -22px;
	cursor: pointer;
}

/**** END CUSTOM IOS BUTTON FOR LSW ****/

.ui-btn-up-c {
	color: #6A6A6A !important;
}

.ui-listview, .ui-listview li {
	background: none !important;
}

li.menu-divider, div.menu-divider {
	background-image: url('../images/menu-divider.png') !important;
	background-repeat: no-repeat !important;
	backrgound-position: center center !important;
	width: 480px;
	height: 5px;
	padding: 0px !important;
}

.cursor-pointer {
	cursor: pointer;
}

[id^="link"], [id^="btn"], [id^="check"] {
	cursor: pointer;
}

[id^="functionBtn"], [id^="backBtn"], [class^="backBtn"] {
	background: url('../images/background-header-button.png') !important;
	font-size: 13pt;
	padding: 10px 18px;
	border-radius: 10px;
	border: 1px solid #0768AB;
	text-decoration: none;
}

[id^="backBtn"], [class^="backBtn"] {
	border-top-left-radius: 30px;
	border-bottom-left-radius: 30px;
}

input.ui-input-text, input.ui-input-search {
	height: 40px;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}