html,body,div,span,applet,object,iframe,h1,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, hgroup, menu, nav, section {display: block;} 
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/* start editing from here */
a{text-decoration:none;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{	vertical-align:baseline;}/* vertical align baseline */
.vertical-top{	vertical-align:top;}/* vertical align top */
.underline{	padding-bottom:5px;	border-bottom: 1px solid #555; margin:0 0 20px 0;}/* Add 5px bottom padding and a underline */
img{max-width:96%;}
body{
	font-family:Arial, Helvetica, sans-serif;
}
.wrap{
	width:100%;
	
}
article{
	font-size:18px;
	color:#999;
}
article,
article.underline{
	padding:25px 0;
	margin-bottom:0;
}



.underline:last-child{border-bottom:none;}

/* headings */

ul {
	display: block;
	text-align:center;
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
	border-top:1px solid #5d5d5d;
	border-bottom:1px solid #5d5d5d;
	z-index: 10;
}
.tab-content>.tab-pane {
    display: none
}
.tab-content>.active {
    display: block;
	
}
li {
	display: inline-block;
	margin-left: -4px; 
	
}


#prodTabs{
   position:fixed;
   bottom:0px;
   width:100%;
	
}

li a {
    display: inline-block;
    color: white;
    padding: 14px 16px;
    text-decoration: none;
}

li a:hover:not(.active) {
    background-color: #4CAF50;
}

.activetab {
    background-color: #4CAF50;
}

h1, h2, h3, h4, h5, h6{
	font-weight:bold;

	color:#bbb;
}
h1,h2{line-height:70px;}
h1{
	font-size: 30px;
	vertical-align: text-top;
	margin: 0 0 -0.2em 0;
    color: #ccc;
}
h2{
	font-size: 18px;
	position: relative;
	top: 50%;
	left: 50%;
	width:10em;
	margin-left: -4em;
}

h3{
	text-align: center;
	font-size: 20px;
	color: #BEBEBE;
	text-shadow: 0px 2px 3px #555;
}
h4{
	text-align: center;
	color: #7A7A7A;
	text-shadow: 0px 2px 3px #555;
}
h5, h6{
	font-size: 12px;
}
h4, h5, h6{
	margin:0 0 .6em 0;	
}
/* paragraph */
p{
	line-height:26px;
	margin:0 0 16px 0;
}

/* blcokquote */
blockquote{
	margin:16px 0 16px 40px;
}
/* pre */
pre, .pre-text{
	display: block;
	white-space: pre;
	margin: 1em 0px;
word-wrap: break-word;
}
form div{
	margin:0 0 0.8em 0;
}
form textarea{
	height:80px;
}
.label-top label{
	display:block;
}
label.inline{
	display:inline-block;
}
form label span.red{
	color:#ff0000;
}
body{
	font-family: Arial, Helvetica, sans-serif;
	background:#3d3d3d;
	
}
header{
	border-bottom:1px solid #5d5d5d;
	background-color: #3b3b3b;
	background-image:
	repeating-linear-gradient(120deg, rgba(255,255,255,.1), rgba(255,255,255,.1) 1px, transparent 1px, transparent 60px),
	repeating-linear-gradient(60deg, rgba(255,255,255,.1), rgba(255,255,255,.1) 1px, transparent 1px, transparent 60px),
	linear-gradient(60deg, rgba(0,0,0,.1) 25%, transparent 25%, transparent 75%, rgba(0,0,0,.1) 75%, rgba(0,0,0,.1)),
	linear-gradient(120deg, rgba(0,0,0,.1) 25%, transparent 25%, transparent 75%, rgba(0,0,0,.1) 75%, rgba(0,0,0,.1));
	background-size: 65px 120px;
	position: fixed;
	width: 100%;
	z-index: 100;
	top: 0px;

}


footer{
	border-top:2em solid #3d3d3d;
	border-bottom:2em solid #3d3d3d;
	padding: 10px 20px 10px 0px;
	color:#777;
	font-size:12px;
}
footer p{
	margin:0;
}
.logo{
	float:left;
	padding:10px 0;
}
.logo img{
	display:block;
}
.tab-content{
	position: inline-block;
	margin: auto;
	text-align: center;
	width: auto;
	padding-top: 80px;
}

div.left {
    float: left;
    clear: both;

}

article h2 a{ font-weight:normal;}

/* article */
/* Date */

.date span{
	display:inline-block;
	padding:0 5px;
	background:#ffe04d;
	color:#333;
	-webkit-border-radius:.3em;
	   -moz-border-radius:.3em;
			border-radius:.3em;
	margin:0 10px 0 0;
	line-height:18px;
}

/* post content and preview styling */
.post-preview{
	float:left;
	width:58px;
	height:58px;
	padding:0 10px 0 0;
	border-right:1px solid #555;
}
.post-preview a,
.post-preview img{
display:block;
}
.post-preview img{
	margin:0;
	padding:5px;
	border:1px solid #333;
	background:#2d2d2d;
}
.post-content{
	float:left;
	width:72%;
	padding:0 0 0 10px;
}
.comments li{
	padding-bottom:30px;
}
.comments li p{
	margin-bottom:5px;
}
.interval {
	font-size: 30px;
	color: #7A7A7A;
	text-shadow: 0px 2px 3px #555;
}



article{
	margin: auto;
	font-size:17px;
	color:#999;
}
	


.intervaltable{
	margin: auto;
	text-align: center;
	
}

.intervaltable tr{
	margin: auto;
	text-align: center;
	
}


.intervaltable td{
	margin: auto;
	text-align: center;
	
}



.statustable{
	width: 90%;
	margin: auto;
	color: silver;
	font-size: 20px;
	line-height: 150%;
}
.statustable tr { 

	padding-left: 1em;
	border-bottom: 1pt solid gray;
}
.statustable td:first-child { width: 50px; }

.statustable td {
	line-height: 190%;
	padding-right: 1em;
	margin-left: 1em;
	width: auto;
}

.tabletemp{
	color: silver;
	font-size: 14px;
	line-height: 150%;
	width: 90%;
	
	margin: auto;
}

.tabletemp th { 

}
.tabletemp tr { 

	padding-left: 1em;
	border: 1px solid gray;
}
.tabletemp td {

	padding-left: 1em;
	text-align: center;
	border: 1px solid gray;
}



.temperaturedata{
	text-align: center;
	
}

#statusdatadiv {
    border-radius: 25px;
    border: 2px solid #E132FF;

}
#controllightdiv {
    border-radius: 25px;
    border: 2px solid #73AD21;

}
#webcamdiv {
    border-radius: 25px;
    border: 2px solid #FAC800;
	margin: auto;
	text-align: center;

}
#zeitschaltungdiv {
    border-radius: 25px;
    border: 2px solid #F25C00;

}
#timerdiv {
    border-radius: 25px;
    border: 2px solid #D1111A;

}
#tempdiv {
    border-radius: 25px;
    border: 2px solid #E132FF;

}
	
.usertable {
	color: silver;
    border-collapse: collapse;
    width: 100%;
}	
.usertable tr:nth-child(even){background-color: #919191;}

.usertable th, .usertable td{
	text-align: center;
    padding: 8px;
	vertical-align: middle;
	cursor: pointer;
} 

.webcamtable {
	color: silver;
    border-collapse: collapse;
    width: 100%;
}	
.webcamtable tr:nth-child(even){background-color: #919191;}

.webcamtable th, .webcamtable td{
	text-align: center;
    padding: 8px;
	vertical-align: middle;
	cursor: pointer;
} 

.switchtable {
	color: silver;
    border-collapse: collapse;
    width: 100%;
}	
.switchtable tr:nth-child(even){background-color: #919191;}

.switchtable th, .switchtable td{
	text-align: center;
    padding: 8px;
	vertical-align: middle;
} 

.knownwlantable {
	color: silver;
    border-collapse: collapse;
    width: 100%;
}
/* tr:nth-child(even){background-color: #919191} */

.knownwlantable tr:nth-child(even){background-color: #919191;}

.knownwlantable th, .knownwlantable td{
	text-align: center;
    padding: 8px;
	vertical-align: middle;
	cursor: pointer;
} 
.wifitable{
	border-collapse: collapse;
    width: 100%;
}

.wifitable tr:nth-child(even){background-color: #919191;}

.wifitable th, .wifitable td{
    text-align: center;
	color: silver;
    padding: 8px;
	vertical-align: middle;
	cursor: pointer;
}


.wifiiptable{
	color: silver;
	border-collapse: collapse;
    width: 100%;
}

.wifiiptable th, .wifiiptable td{
    text-align: center;
    padding: 8px;
	vertical-align: middle;
	cursor: pointer;
    color: white;
	
}


/* Rounded Corner */
#settimer, #setintervalstart, #setintervalend {
	
	font-size: 100%;
	border:2px solid #456879;
	border-radius:10px;
	height: 50px;
	width: 230px;
}

/* Button */

.switcha {
	
	display: inline-block;
	position: relative;
	margin: auto;
	padding: 2em;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select:none;
	user-select:none;
	-o-user-select:none;
	
}

.switchaname{
	width: 100%;
	text-align: center;
	position: relative;
	font-size:18px;
	color:#999;
	
}


.switch label {
  border-radius: 50%;
  background: #b2ac9e;
  background: -moz-linear-gradient(#f7f2f6, #b2ac9e);
  background: -ms-linear-gradient(#f7f2f6, #b2ac9e);
  background: -o-linear-gradient(#f7f2f6, #b2ac9e);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#f7f2f6), to(#b2ac9e));
  background: -webkit-linear-gradient(#f7f2f6, #b2ac9e);
  background: linear-gradient(#f7f2f6, #b2ac9e);
  position: relative;
  color: #c42a2a;
  left: 10%;
  font-size: 70px;
  text-align: center;
  line-height: 90px;

  -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;

  text-shadow: 0 2px 1px rgba(0,0,0,0.25);

  box-shadow:
    inset 0 2px 3px rgba(255,255,255,0.13),
    0 5px 8px rgba(0,0,0,0.3),
    0 10px 10px 4px rgba(0,0,0,0.3);
  z-index: -1;
}


.switch {
  width: 90px;
  height: 90px;
  margin: auto;
  display: block;
  position: relative;
  margin-top: 40px;
}

.switch label {
  width: 100%;
  height: 100%;
  position: center;
  display: block;
}

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


.switch label:after {
  content: "";
  position: absolute;
  left: -20px;
  right: -20px;
  top: -20px;
  bottom: -20px;
  z-index: -2;
  border-radius: inherit;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.1),
    0 1px 2px rgba(0,0,0,0.3),
    0 0 10px rgba(0,0,0,0.15);

}

.switch label:before {
  content: "";
  position: relative;
  left: -10px;
  right: -10px;
  top: -10px;
  bottom: -10px;
  z-index: -1;
  border-radius: inherit;
  box-shadow: inset 0 10px 10px rgba(0,0,0,0.13);
  -webkit-filter:blur(1px);
  -moz-filter:blur(1px);
  -ms-filter:blur(1px);
  -o-filter:blur(1px);
  filter: blur(1px);
}

.switch input:checked ~ label{
  box-shadow:
    inset 0 2px 3px rgba(255,255,255,0.13),
    0 5px 8px rgba(0,0,0,0.35),
    0 3px 10px 4px rgba(0,0,0,0.2);
  color: #96ea58;
}

.switch .icon-off:after {
  content: "";
  display: block;
  position: absolute;
  width: 70%;
  height: 70%;
  left: 50%;
  top: 50%;
  z-index: -1;
  margin: -35% 0 0 -35%;
  border-radius: 50%;
  background: #d2cbc3;
  background: -moz-linear-gradient(#cbc7bc, #d2cbc3);
  background: -ms-linear-gradient(#cbc7bc, #d2cbc3);
  background: -o-linear-gradient(#cbc7bc, #d2cbc3);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#cbc7bc), to(#d2cbc3));
  background: -webkit-linear-gradient(#cbc7bc, #d2cbc3);
  background: linear-gradient(#cbc7bc, #d2cbc3);
  box-shadow:
    0 -2px 5px rgba(255,255,255,0.05),
    0 2px 5px rgba(255,255,255,0.1);
}
 

@media only screen and (min-device-width: 1280px) {
	.tab-content{
		position: relative;
		text-align: center;
        width: 50em;
	}

}





#passwordtextbox.active {
    border-color: red;
    -webkit-box-shadow: 0 0 5px red;
       -moz-box-shadow: 0 0 5px red;
            box-shadow: 0 0 5px red;
}
#dnsname.active {
    border-color: red;
    -webkit-box-shadow: 0 0 5px red;
       -moz-box-shadow: 0 0 5px red;
            box-shadow: 0 0 5px red;
}
#ip_calculate_mask_ip.active {
    border-color: red;
    -webkit-box-shadow: 0 0 5px red;
       -moz-box-shadow: 0 0 5px red;
            box-shadow: 0 0 5px red;
}

#ip_calculate_mask_mask.active {
    border-color: red;
    -webkit-box-shadow: 0 0 5px red;
       -moz-box-shadow: 0 0 5px red;
            box-shadow: 0 0 5px red;
}
#ip_calculate_mask_gw.active {
    border-color: red;
    -webkit-box-shadow: 0 0 5px red;
       -moz-box-shadow: 0 0 5px red;
            box-shadow: 0 0 5px red;
}
#ip_calculate_mask_dns.active {
    border-color: red;
    -webkit-box-shadow: 0 0 5px red;
       -moz-box-shadow: 0 0 5px red;
            box-shadow: 0 0 5px red;
}

#dnsname2.active {
    border-color: red;
    -webkit-box-shadow: 0 0 5px red;
       -moz-box-shadow: 0 0 5px red;
            box-shadow: 0 0 5px red;
}
#ip_calculate_mask_ip2.active {
    border-color: red;
    -webkit-box-shadow: 0 0 5px red;
       -moz-box-shadow: 0 0 5px red;
            box-shadow: 0 0 5px red;
}

#ip_calculate_mask_mask2.active {
    border-color: red;
    -webkit-box-shadow: 0 0 5px red;
       -moz-box-shadow: 0 0 5px red;
            box-shadow: 0 0 5px red;
}
#ip_calculate_mask_gw2.active {
    border-color: red;
    -webkit-box-shadow: 0 0 5px red;
       -moz-box-shadow: 0 0 5px red;
            box-shadow: 0 0 5px red;
}
#ip_calculate_mask_dns2.active {
    border-color: red;
    -webkit-box-shadow: 0 0 5px red;
       -moz-box-shadow: 0 0 5px red;
            box-shadow: 0 0 5px red;
}
#showipname{
	line-height: 1.5;

}

#showip{
	line-height: 1.5;
	color: #ffffff;
}

#showipdiv{
	background-color: #4CAF50;
    border-radius: 4px;
	display: block;
	margin: auto;
    width: 50%;
    margin-bottom: 5px;
    padding: 5px 10px;
    text-decoration: none;	
}
.clickme {
    background-color: #eee;
    border-radius: 4px;
    color: #666;
    display: block;
    margin-bottom: 5px;
    padding: 5px 10px;
    text-decoration: none;
}

.switchdiv{
	margin: auto;
	text-align: center;
}

.clickme:hover {
    text-decoration: underline;
}

#graph {
	text-align: right;
	margin-left: -1.5em;
}

.dygraph-title {
    color: gray;
}

.webcamhide{
	display: none;
}
.webcamhideurl{
	display: none;
}

.onoffswitch, .switchinterval {
    position: relative; width: 54px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox, .switchinterval-checkbox {
    display: none;
}
.onoffswitch-label, .switchinterval-label {
    display: block; overflow: hidden; cursor: pointer;
    height: 20px; padding: 0; line-height: 20px;
    border: 0px solid #FFFFFF; border-radius: 30px;
    background-color: #871B1B;
}
.onoffswitch-label:before, .switchinterval-label:before {
    content: "";
    display: block; width: 30px; margin: -5px;
    background: #D10C0C;
    position: absolute; top: 0; bottom: 0;
    right: 30px;
    border-radius: 30px;
    box-shadow: 3px 6px 18px 0px rgba(0, 0, 0, 0.2);
}
.onoffswitch-checkbox:checked + .onoffswitch-label {
    background-color: #0C6300;
}
.onoffswitch-checkbox:checked + .onoffswitch-label, .onoffswitch-checkbox:checked + .onoffswitch-label:before {
   border-color: #0C6300;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label:before {
    right: 0px; 
    background-color: #129E00; 
    box-shadow: 3px 6px 18px 0px rgba(0, 0, 0, 0.2);
}


.switchinterval-checkbox:checked + .switchinterval-label {
    background-color: #0C6300;
}
.switchinterval-checkbox:checked + .switchinterval-label, .switchinterval-checkbox:checked + .switchinterval-label:before {
   border-color: #0C6300;
}
.switchinterval-checkbox:checked + .switchinterval-label .switchinterval-inner {
    margin-left: 0;
}
.switchinterval-checkbox:checked + .switchinterval-label:before {
    right: 0px; 
    background-color: #129E00; 
    box-shadow: 3px 6px 18px 0px rgba(0, 0, 0, 0.2);
}



.onoffswitchtimer, .onoffswitchinterval, .onoffswitchsettings {
    position: relative; width: 54px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitchtimer-checkbox, .onoffswitchinterval-checkbox, .onoffswitchsettings-checkbox {
    display: none;
}
.onoffswitchtimer-label, .onoffswitchinterval-label, .onoffswitchsettings-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #999999; border-radius: 50px;
}
.onoffswitchtimer-inner, .onoffswitchinterval-inner, .onoffswitchsettings-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitchtimer-inner:before, .onoffswitchtimer-inner:after, .onoffswitchinterval-inner:before, .onoffswitchinterval-inner:after, .onoffswitchsettings-inner:before, .onoffswitchsettings-inner:after {
    display: block; float: left; width: 50%; height: 8px; padding: 0; line-height: 8px;
    font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    box-sizing: border-box;
}
.onoffswitchtimer-inner:before, .onoffswitchinterval-inner::before, .onoffswitchsettings-inner::before {
    content: "";
    padding-left: 10px;
    background-color: #EEEEEE; color: #FFFFFF;
}
.onoffswitchtimer-inner:after, .onoffswitchinterval-inner::after, .onoffswitchsettings-inner::after {
    content: "";
    padding-right: 10px;
    background-color: #EEEEEE; color: #999999;
    text-align: right;
}
.onoffswitchtimer-switch, .onoffswitchinterval-switch, .onoffswitchsettings-switch {
    display: block; width: 23px; margin: -7.5px;
    background: #D10F0F;
    position: absolute; top: 0; bottom: 0;
    right: 42px;
    border: 2px solid #999999; border-radius: 50px;
    transition: all 0.3s ease-in 0s; 
}
.onoffswitchtimer-checkbox:checked + .onoffswitchtimer-label .onoffswitchtimer-inner {
    margin-left: 0;
}
.onoffswitchtimer-checkbox:checked + .onoffswitchtimer-label .onoffswitchtimer-switch {
    right: 0px; 
    background-color: #3FCC26; 
}

.onoffswitchinterval-checkbox:checked + .onoffswitchinterval-label .onoffswitchinterval-inner {
    margin-left: 0;
}
.onoffswitchinterval-checkbox:checked + .onoffswitchinterval-label .onoffswitchinterval-switch {
    right: 0px; 
    background-color: #3FCC26; 
}

.onoffswitchsettings-checkbox:checked + .onoffswitchsettings-label .onoffswitchsettings-inner {
    margin-left: 0;
}
.onoffswitchsettings-checkbox:checked + .onoffswitchsettings-label .onoffswitchsettings-switch {
    right: 0px; 
    background-color: #3FCC26; 
}

.timeradiv {
	display: inline-block;
	position: relative;
	margin: auto;
	
}

.timeradivswitches {
	display: inline-block;
	width: 100%;
    margin: 0 auto;
}

.timera {
	text-align: center;
	display: block;
	clear: both;
	margin: auto;

}

.intervalswitchcontent{
	text-align: center;
	display: block;
	float: left;
	clear: both;
}

.timeraname, .intervalsunatext{
	width: 100%;
	text-align: center;
	position: relative;
	font-size:18px;
	color: silver;
	
}

.timerswitcha {
	display: inline-block;
	margin: 0 auto;
	text-align: center;
	padding: 2em;
	
}

.timertextbox{
	 width: 70px;
	 text-align: center;
	
}
.timerswitchaname, .intervalswitch{
	width: 115%;
	text-align: center;
	position: relative;
	font-size:18px;
	color: silver;
	
}

.intervaltextbox{
	width: 70px;
	text-align: center;
	
}

.intervaltable{
	margin: auto;
	text-align: center;
	
}

.intervaltable td{
	width: 10em;
}


.intervaldiv{
  width: 100%;
  text-align: center;
}

.intervala{
	width: 25%;
	margin: auto;	
}

.intervalsunatext{
	margin: auto;
	text-align: center;
}

.intervalsuna{
	display: inline-block;
}

.intervaldrop{
	width: 60%;
	
}

.intervalswitchcontent{
	display: inline-block;
	width: 100%;
    margin: 0 auto;
}

.intervalswitcha {
	
	display: inline-block;
	margin: 0 auto;
	text-align: center;
	padding: 2em;
	
}
.intervalstatustext{
	font-size:18px;
	color: silver;
	
}
input[type=text], input[type=url], input[type=email], input[type=time], input[type=number], input[type=tel], #passwordtextbox {
  -webkit-appearance: none; -moz-appearance: none;
  display: inline-block;
  margin: 0;
  width: 100%; height: 40px;
  line-height: 40px; font-size: 17px;
  border: 1px solid #bbb;
}
.webcam {
  z-index: 0;
  position: relative;
  
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.webcamcube{
	width: 320px; 
    height: 240px;
	margin: auto;
}

.webcam .imtip {
  z-index: 1;
  position: absolute;
  top: 30%; 
  left: 40%; 
  width: 10em; 
  pointer-events: none;
  cursor: default;
}

  
.setwarmwhite {
	
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
	background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
	background-color:#ffec64;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	padding:6px 12px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
}
.setwarmwhite:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
	background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
	background-color:#ffab23;
}
.setwarmwhite:active {
	position:relative;
	top:1px;
}

.setinterval {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c123de), color-stop(1, #a20dbd));
	background:-moz-linear-gradient(top, #c123de 5%, #a20dbd 100%);
	background:-webkit-linear-gradient(top, #c123de 5%, #a20dbd 100%);
	background:-o-linear-gradient(top, #c123de 5%, #a20dbd 100%);
	background:-ms-linear-gradient(top, #c123de 5%, #a20dbd 100%);
	background:linear-gradient(to bottom, #c123de 5%, #a20dbd 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c123de', endColorstr='#a20dbd',GradientType=0);
	background-color:#c123de;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #a511c0;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	padding:6px 12px;
	text-decoration:none;
	text-shadow:0px 1px 0px #9b14b3;
}
.setinterval:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #a20dbd), color-stop(1, #c123de));
	background:-moz-linear-gradient(top, #a20dbd 5%, #c123de 100%);
	background:-webkit-linear-gradient(top, #a20dbd 5%, #c123de 100%);
	background:-o-linear-gradient(top, #a20dbd 5%, #c123de 100%);
	background:-ms-linear-gradient(top, #a20dbd 5%, #c123de 100%);
	background:linear-gradient(to bottom, #a20dbd 5%, #c123de 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a20dbd', endColorstr='#c123de',GradientType=0);
	background-color:#a20dbd;
}
.setinterval:active {
	position:relative;
	top:1px;
}

.setintervaltime {
	-moz-box-shadow:inset 0px 0px 0px 0px #cf866c;
	-webkit-box-shadow:inset 0px 0px 0px 0px #cf866c;
	box-shadow:inset 0px 0px 0px 0px #cf866c;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d0451b), color-stop(1, #bc3315));
	background:-moz-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-webkit-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-o-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-ms-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0451b', endColorstr='#bc3315',GradientType=0);
	background-color:#d0451b;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #942911;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	padding:6px 15px;
	text-decoration:none;
	text-shadow:0px 1px 0px #854629
}
.setintervaltime:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bc3315), color-stop(1, #d0451b));
	background:-moz-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-webkit-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-o-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-ms-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:linear-gradient(to bottom, #bc3315 5%, #d0451b 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bc3315', endColorstr='#d0451b',GradientType=0);
	background-color:#bc3315;
}
.setintervaltime:active {
	position:relative;
	top:1px;
}

.intervaldaysdiv{
	
    display: inline-block;
	padding-right: 10px;
	color: silver;
}

.intervaldaysinput{
	display: inline;
	
}


input[type=range] {
    -webkit-appearance: none;
    background-color: silver;
    width: 200px;
    height:20px;
}

input[type="range"]::-webkit-slider-thumb {
     -webkit-appearance: none;
    background-color: #666;
    opacity: 0,8;
    width: 20px;
    height: 36px;
}
.rainbow {
	-moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	box-shadow:inset 0px 1px 0px 0px #97c4fe;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0));
	background:-moz-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:-webkit-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:-o-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:-ms-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:linear-gradient(to bottom, #3d94f6 5%, #1e62d0 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0',GradientType=0);
	background-color:#3d94f6;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #337fed;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #1570cd;
}
.rainbow:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6));
	background:-moz-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:-webkit-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:-o-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:-ms-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:linear-gradient(to bottom, #1e62d0 5%, #3d94f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6',GradientType=0);
	background-color:#1e62d0;
}
.rainbow:active {
	position:relative;
	top:1px;
}



.strobe {
	-moz-box-shadow:inset 0px 1px 0px 0px #caefab;
	-webkit-box-shadow:inset 0px 1px 0px 0px #caefab;
	box-shadow:inset 0px 1px 0px 0px #caefab;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77d42a), color-stop(1, #5cb811));
	background:-moz-linear-gradient(top, #77d42a 5%, #5cb811 100%);
	background:-webkit-linear-gradient(top, #77d42a 5%, #5cb811 100%);
	background:-o-linear-gradient(top, #77d42a 5%, #5cb811 100%);
	background:-ms-linear-gradient(top, #77d42a 5%, #5cb811 100%);
	background:linear-gradient(to bottom, #77d42a 5%, #5cb811 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#5cb811',GradientType=0);
	background-color:#77d42a;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #268a16;
	display:inline-block;
	cursor:pointer;
	color:#306108;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #aade7c;
}
.strobe:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5cb811), color-stop(1, #77d42a));
	background:-moz-linear-gradient(top, #5cb811 5%, #77d42a 100%);
	background:-webkit-linear-gradient(top, #5cb811 5%, #77d42a 100%);
	background:-o-linear-gradient(top, #5cb811 5%, #77d42a 100%);
	background:-ms-linear-gradient(top, #5cb811 5%, #77d42a 100%);
	background:linear-gradient(to bottom, #5cb811 5%, #77d42a 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb811', endColorstr='#77d42a',GradientType=0);
	background-color:#5cb811;
}
.strobe:active {
	position:relative;
	top:1px;
}