@media all and (min-width:1024px){body{width:1200px!important;margin:0 auto!important;background-color:#d3d3d3!important;font-size:14px}.firstHeader,.itemName,.secondHeader{font-weight:700;font-size:20px;text-align:center}.firstHeader{margin-bottom:20px;cursor:default}.secondHeader{margin-left:10px;margin-bottom:30px;cursor:default}.siteContainer{float:left}#lightControllerDiv{text-align:center;width:1000px;margin-left:150px}.lightInfoDiv,.lightInfoDivCollapsed{float:left;display:inline;width:262px}.lightInfoDiv{margin:10px;background-color:#F8F8F8;padding:5px 5px 20px}.lightInfoDiv:hover,.lightInfoDivCollapsed:hover{background-color:#9FF;cursor:pointer}.lightInfoDivCollapsed{background-color:#F8F8F8;padding:5px 5px 12px;margin-right:10px;margin-bottom:10px}.itemName{padding:4px;width:200px;margin:0 auto}.lightSwitch{margin-left:60px;margin-top:24px}.groupSwitch{float:left;margin-left:350px;margin-top:24px;margin-bottom:20px}.colorPanel{border:3px solid #a9a9a9;float:left;margin-top:15px;margin-left:23px}.swatch{width:29px;height:29px;float:left;cursor:pointer}.colorIcon{cursor:pointer;margin-left:25px;float:left;margin-top:17px;padding:3px 5px!important;display:inline}.colorIconImg{height:40px;width:40px}.btn{-moz-box-shadow:inset 0 1px 0 0 #fff;-webkit-box-shadow:inset 0 1px 0 0 #fff;box-shadow:inset 0 1px 0 0 #fff;background:-webkit-gradient(linear,left top,left bottom,color-stop(.05,#ededed),color-stop(1,#dfdfdf));background:-moz-linear-gradient(center top,#ededed 5%,#dfdfdf 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');background-color:#ededed;-moz-border-radius-topleft:20px;-moz-border-radius-topright:20px;-moz-border-radius-bottomright:20px;-moz-border-radius-bottomleft:20px;border-radius:30px!important;-webkit-border-radius:20px}.bulb{height:67px;width:80px}#brightSlider{display:none;float:left;overflow:auto;margin-top:15px;width:200px}.wemoContainer{background-color:#F8F8F8;padding:10px 5px 40px;width:200px;margin-left:375px;float:left}.wemoContainer:hover{background-color:#9FF;cursor:pointer}.ac{opacity:.1;margin-left:10px}#bottomContainer{width:1150px}.dimnessIcon{height:10px;float:left;margin-top:16px;margin-left:13px;margin-right:5px}.brightnessIcon{width:10px;height:10px;display:inline;float:left;margin-top:17px;margin-left:7px}.wemoButton{margin-left:69px}}
.toggle-bg,body{background:#fff}body{padding:5px 0 0;font:16px/20px "Helvetica Neue",Helvetica}p{padding:1em 0 0;clear:both;text-transform:capitalize;font-weight:200;color:grey}strong{color:#fff}.toggle-bg{border-radius:2em;border:.12em solid #e6e6e6;height:2em;width:3.2em;transition-duration:.2s;position:relative}.switch,.switch-group,.toggle-bg{display:block;float:left;-moz-transition-duration:.2s;-o-transition-duration:.2s;-webkit-transition-duration:.2s}.toggle-bg:hover{border-color:#d9d9d9}.toggle-bg.on{background:#000;border-color:#000}.toggle-bg input{margin:0;padding:0;width:4.8em;height:100%;opacity:0;position:absolute;left:0;top:0;cursor:pointer;z-index:2;zoom:1;filter:alpha(opacity=0)}.toggle-bg input:checked~.switch{left:0}.toggle-bg input:checked~.switch-group{left:5.1em}.toggle-bg input~:checked~.switch{left:1.18em}.toggle-bg input~:checked~.switch-group{left:4.18em}.toggle-bg input:checked{z-index:0}.switch,.switch-group{background:#fff;border-radius:2em;border:.1em solid #d9d9d9;height:1.9em;width:1.9em;left:-.1em;top:-.05em;position:relative;transition-duration:.2s;z-index:1}.switch-group.on,.switch.on{box-shadow:-.2em .2em .5em rgba(0,0,0,.06),.4em .4em 1.5em rgba(0,0,0,.08)}.switch-group.on,.switch.off{box-shadow:.2em .2em .5em rgba(0,0,0,.06),-.4em .4em 1.5em rgba(0,0,0,.08)}.toggle-alternate{clear:both;margin:1em 0 0;width:4.48em}.toggle-alternate input{width:9.24em}.toggle-alternate input~:checked~.switch{left:2.4em}.toggle-alternate input~:checked~.switch-group{left:0}.toggle-alternate label{font-weight:300;font-size:.9em;text-transform:uppercase;position:absolute;top:.4em}.toggle-bg label.on{left:.75em;color:#fff}.toggle-bg label.off{right:.55em;color:#aaa}label.off.group{right:.6em;color:#aaa}label.on.group{left:.75em;color:#fff;background-color:#000}.toggle-bg label.Lights{right:.55em;color:#000}#groupToggle{width:100px}
*{-webkit-box-sizing:border-box;box-sizing:border-box}@media all and (min-width:1024px){body{width:1200px!important;margin:0 auto!important;background-color:#d3d3d3!important;font-size:14px}.firstHeader,.itemName,.secondHeader{text-align:center;font-weight:700;font-size:20px}img{vertical-align:middle}.firstHeader{margin-bottom:20px;cursor:default}.secondHeader{margin-left:10px;margin-bottom:30px;cursor:default}.siteContainer{float:left}#lightControllerDiv{text-align:center;width:1000px;margin-left:150px}.lightInfoDiv,.lightInfoDivCollapsed{float:left;width:262px;display:inline}.lightInfoDiv{margin:10px;background-color:#F8F8F8;padding:5px 5px 20px}.lightInfoDiv:hover,.lightInfoDivCollapsed:hover{background-color:#9FF;cursor:pointer}.lightInfoDivCollapsed{background-color:#F8F8F8;padding:5px 5px 12px;margin-right:10px;margin-bottom:10px}.itemName{padding:4px;width:200px;margin:0 auto;color:#000}.groupSwitch,.lightSwitch{margin-top:24px;display:inline}.lightState{min-height:36px}.lightSwitch{margin-left:60px}.groupSwitch{float:left;margin-left:350px;margin-bottom:20px}.colorPanel{border:3px solid #a9a9a9;float:left;margin-top:15px;margin-left:23px;padding-right:0;overflow:auto}.swatch{width:29px;height:29px;float:left;cursor:pointer;display:block}.swatch:hover{border:2px solid #000}.red{background-color:red}.orange{background-color:orange}.yellow{background-color:#FF0}.green{background-color:#0F0}.blue{background-color:#00F}.purple{background-color:#F0F}.white{background-color:#fff}.colorIcon{cursor:pointer;margin-left:25px;float:left;margin-top:17px;padding:3px 5px!important;display:inline}.colorIconImg{height:40px;width:40px}.btn{-moz-box-shadow:inset 0 1px 0 0 #fff;-webkit-box-shadow:inset 0 1px 0 0 #fff;box-shadow:inset 0 1px 0 0 #fff;background:-webkit-gradient(linear,left top,left bottom,color-stop(.05,#ededed),color-stop(1,#dfdfdf));background:-moz-linear-gradient(center top,#ededed 5%,#dfdfdf 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');background-color:#ededed;-moz-border-radius-topleft:20px;-moz-border-radius-topright:20px;-moz-border-radius-bottomright:20px;-moz-border-radius-bottomleft:20px;border-radius:30px!important;-webkit-border-radius:20px}.btn:hover{background:-webkit-gradient(linear,left top,left bottom,color-stop(.05,#dfdfdf),color-stop(1,#ededed));background:-moz-linear-gradient(center top,#dfdfdf 5%,#ededed 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');background-color:#dfdfdf}.btn:active{position:relative;top:1px}.bulb{height:67px;width:80px;margin-top:0}.lightStateCollapsed>div{display:none}.lightState input#brightSlider{display:inline}#brightSlider{display:none;float:left;overflow:auto;margin-top:15px;width:200px}.ng-cloak,[ng-cloak],[ng\:cloak]{display:none!important}.wemoContainer{background-color:#F8F8F8;padding:10px 5px 40px;width:200px;margin-left:375px;display:inline;float:left}.wemoContainer:hover{background-color:#9FF;cursor:pointer}.ac{opacity:.1;margin-left:10px}#bottomContainer{text-align:center;width:1150px;margin:0 auto;padding-bottom:30px}.brightnessIcon,.dimnessIcon{width:10px;height:10px;display:inline;float:left}.dimnessIcon{margin-top:16px;margin-left:13px;margin-right:5px}.brightnessIcon{margin-top:17px;margin-left:7px}.wemoButton{margin-left:69px}.ambiance{margin-left:470px;margin-top:30px;background-color:red;text-align:center;cursor:pointer}.ambiance:hover{background-color:violet!important}}@media all and (max-width:1024px){.colorIcon,.swatch{float:left;cursor:pointer}.ambiance,.itemName,.siteContainer{text-align:center}body{font-size:14px}.firstHeader,.secondHeader{font-weight:700;margin-left:130px;font-size:18px}img{vertical-align:middle}.siteContainer{float:left;margin:0 auto;width:350px}#lightControllerDiv{text-align:center;float:left;margin-bottom:10px}.lightInfoDiv{margin:10px;background-color:grey;padding:5px;width:470px;min-height:320px}.lightInfoDivCollapsed{margin:10px 10px 9px;background-color:grey;padding:5px 5px 12px;width:470px;min-height:200px}.itemName{font-weight:700;font-size:27px;padding:4px;margin:0 auto;color:#fff;text-shadow:-1px 0 #000,0 2px #000,2px 0 #000,0 -1px #000}.lightState{min-height:36px}.lightSwitch{float:left;margin-left:90px;margin-top:50px}.groupSwitch{float:left;margin-left:80px;margin-top:49px}.colorPanel{border:3px solid #a9a9a9;float:left;margin-top:15px;margin-left:53px;padding-right:0;overflow:auto}.swatch{width:50px;height:50px;display:block}.swatch:hover{border:2px solid #000}.red{background-color:red}.orange{background-color:orange}.yellow{background-color:#FF0}.green{background-color:#0F0}.blue{background-color:#00F}.purple{background-color:#F0F}.white{background-color:#fff}.colorIcon{margin-left:25px;margin-top:35px;padding:3px 5px!important}.colorIconImg{height:100px;width:100px}.btn{-moz-box-shadow:inset 0 1px 0 0 #fff;-webkit-box-shadow:inset 0 1px 0 0 #fff;box-shadow:inset 0 1px 0 0 #fff;background:-webkit-gradient(linear,left top,left bottom,color-stop(.05,#ededed),color-stop(1,#dfdfdf));background:-moz-linear-gradient(center top,#ededed 5%,#dfdfdf 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');background-color:#ededed;-moz-border-radius-topleft:20px;-moz-border-radius-topright:20px;-moz-border-radius-bottomright:20px;-moz-border-radius-bottomleft:20px;border-radius:52px!important;-webkit-border-radius:20px}.btn:hover{background:-webkit-gradient(linear,left top,left bottom,color-stop(.05,#dfdfdf),color-stop(1,#ededed));background:-moz-linear-gradient(center top,#dfdfdf 5%,#ededed 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');background-color:#dfdfdf}.btn:active{position:relative;top:1px}.bulb{height:100px;width:150px;margin-top:26px}.lightStateCollapsed>div{display:none}.lightState input#brightSlider{display:inline}#brightSlider{display:none;float:left;overflow:auto;margin-top:36px;width:300px}.ng-cloak,[ng-cloak],[ng\:cloak]{display:none!important}.wemoContainer{margin:10px;background-color:grey;padding:10px 5px 120px;width:470px}.brightnessIcon,.dimnessIcon{width:10px;height:10px;display:inline;float:left}.ac{opacity:.1}#bottomContainer{margin-top:60px}.dimnessIcon{margin-top:40px;margin-left:70px;margin-right:5px}.brightnessIcon{margin-top:39px;margin-left:7px}.toggle-alternate{width:11.48em!important}.toggle-bg{height:5em!important;border-radius:4em!important}.switch{height:4.9em;width:4.9em}.toggle-alternate input~:checked~.switch{left:6.4em!important}.toggle-alternate label{font-size:2.4em!important}.switch-group{height:4.9em!important;width:4.9em!important}#groupToggle{width:15.48em!important}.toggle-bg input:checked~.switch-group{left:10.4em!important}.toggle-alternate input~:checked~.switch-group{left:0!important}.switch,.switch-group{border-radius:3em!important}.toggle-alternate input{width:19.24em!important}label.off.group{right:.35em!important}.wemoButton{margin-left:150px}.toggle-bg label.Lights,.toggle-bg label.off,.toggle-bg label.on{top:30px!important}.ambiance{background-color:red!important;cursor:pointer!important}.ambiance:hover{background-color:violet!important}}
@media all and (max-width:1024px){.colorIcon,.swatch{float:left;cursor:pointer}body{font-size:14px}.firstHeader,.secondHeader{font-weight:700;margin-left:130px;font-size:18px}.siteContainer{float:left;margin:0 auto;width:350px;text-align:center}#lightControllerDiv{text-align:center;float:left;margin-bottom:10px}.lightInfoDiv{margin:10px;background-color:grey;padding:5px;width:470px;min-height:320px}.lightInfoDivCollapsed{margin:10px 10px 9px;background-color:grey;padding:5px 5px 12px;width:470px;min-height:200px}.itemName{font-weight:700;font-size:27px;padding:4px;margin:0 auto;color:#fff;text-shadow:-1px 0 #000,0 2px #000,2px 0 #000,0 -1px #000;text-align:center}.lightState{min-height:36px}.lightSwitch{float:left;margin-left:90px;margin-top:50px}.groupSwitch{float:left;margin-left:80px;margin-top:49px}.colorPanel{border:3px solid #a9a9a9;float:left;margin-top:15px;margin-left:53px;padding-right:0;overflow:auto}.swatch{width:50px;height:50px;display:block}.colorIcon{margin-left:25px;margin-top:35px;padding:3px 5px!important}.colorIconImg{height:100px;width:100px}.btn{-moz-box-shadow:inset 0 1px 0 0 #fff;-webkit-box-shadow:inset 0 1px 0 0 #fff;box-shadow:inset 0 1px 0 0 #fff;background:-webkit-gradient(linear,left top,left bottom,color-stop(.05,#ededed),color-stop(1,#dfdfdf));background:-moz-linear-gradient(center top,#ededed 5%,#dfdfdf 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');background-color:#ededed;-moz-border-radius-topleft:20px;-moz-border-radius-topright:20px;-moz-border-radius-bottomright:20px;-moz-border-radius-bottomleft:20px;border-radius:52px!important;-webkit-border-radius:20px}.bulb{height:100px;width:150px;margin-top:26px}#brightSlider{display:none;float:left;overflow:auto;margin-top:36px;width:300px}.wemoContainer{margin:10px;background-color:grey;padding:10px 5px 120px;width:470px}.brightnessIcon,.dimnessIcon{width:10px;height:10px;display:inline;float:left}.ac{opacity:.1}#bottomContainer{margin-top:60px}.dimnessIcon{margin-top:40px;margin-left:70px;margin-right:5px}.brightnessIcon{margin-top:39px;margin-left:7px}.toggle-alternate{width:11.48em!important}.toggle-bg{height:5em!important;border-radius:4em!important}.switch{height:4.9em;width:4.9em}.toggle-alternate input~:checked~.switch{left:6.4em!important}.toggle-alternate label{font-size:2.4em!important}.switch-group{height:4.9em!important;width:4.9em!important}#groupToggle{width:15.48em!important}.toggle-bg input:checked~.switch-group{left:10.4em!important}.toggle-alternate input~:checked~.switch-group{left:0!important}.switch,.switch-group{border-radius:3em!important}.toggle-alternate input{width:19.24em!important}label.off.group{right:.35em!important}.wemoButton{margin-left:150px}.toggle-bg label.Lights,.toggle-bg label.off,.toggle-bg label.on{top:30px!important}}
*{-webkit-box-sizing:border-box;box-sizing:border-box}img{vertical-align:middle}.red{background-color:red}.orange{background-color:orange}.yellow{background-color:#FF0}.green{background-color:#0F0}.blue{background-color:#00F}.purple{background-color:#F0F}.white{background-color:#fff}.swatch:hover{border:2px solid #000}.btn:active{position:relative;top:1px}.btn:hover{background:-webkit-gradient(linear,left top,left bottom,color-stop(.05,#dfdfdf),color-stop(1,#ededed));background:-moz-linear-gradient(center top,#dfdfdf 5%,#ededed 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');background-color:#dfdfdf}.ng-cloak,[ng-cloak],[ng\:cloak]{display:none!important}.lightStateCollapsed>div{display:none}.lightState input#brightSlider{display:inline}