.td1{
	height: 59px;
	border-radius: 4px;
	background: #222222;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to bottom, #434343, #222222);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to bottom, #434343, #222222); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.td2{
	height: 5px;
	border-radius: 4px;
	background: #222222;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to bottom, #434343, #222222);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to bottom, #434343, #222222); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.td3{
	border-radius: 4px;
	background: #222222;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to bottom, #434343, #222222);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to bottom, #434343, #222222); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.inputantd1{
	height: 56px;
	border-radius: 5px;
	text-align: center;
	vertical-align: middle;
	box-shadow: -1px -1px #000;
	background: #fe8c00;  /* fallback for old browsers */
background: -webkit-linear-gradient(to top, #f83600, #fe8c00);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to top, #f83600, #fe8c00); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.inputandiv1{
	width: 100%;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 2px 12px;
}
.inputan1{
	width: 100%;
	text-align: center;
	background: none;
	border: none;
	font-size: 20px;
	font-weight: bold;
	height: 34px;
	color:#FFF;
	text-shadow: 1px 1px #000;
}

.inputantd1read{
	height: 56px;
	border-radius: 5px;
	text-align: center;
	vertical-align: middle;
	box-shadow: -1px -1px #000;
	background: #FFE000;  /* fallback for old browsers */
background: -webkit-linear-gradient(to top, #799F0C, #FFE000);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to top, #799F0C, #FFE000); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.outputan1{
	font-size: 20px;
	font-weight: bold;
	height: 30px;
	border-radius: 5px;
	color:#FFF;
	text-shadow: 1px 1px #000;
	background: #FFE000;  /* fallback for old browsers */
background: -webkit-linear-gradient(to top, #799F0C, #FFE000);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to top, #799F0C, #FFE000); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.btnConnect{
	height: 38px;
	color: #fff;
	font-weight:bold;
	text-shadow: 1px 1px #000;
	border-radius: 5px;
	background: #222222;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to bottom, #434343, #222222);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to bottom, #434343, #222222); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.btnStart{
	color: #fff;
	font-weight:bold;
	border-radius: 5px;
	text-shadow: 1px 1px #000;
	background: #FFE000;  /* fallback for old browsers */
background: -webkit-linear-gradient(to top, #799F0C, #FFE000);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to top, #799F0C, #FFE000); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.btnStop{
	color:#FFF;
	font-weight:bold;
	border-radius: 5px;
	text-shadow: 1px 1px #000;
	background: #c31432;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to top, #240b36, #c31432);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to top, #240b36, #c31432); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.toggle {
	transform: scale(0.75);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 62px;
  height: 32px;
  display: inline-block;
  position: relative;
  border-radius: 50px;
  overflow: hidden;
  outline: none;
  border: none;
  cursor: pointer;
  background-color: #707070;
  transition: background-color ease 0.3s;
}

.toggle:before {
  content: "on off";
  display: block;
  position: absolute;
  z-index: 2;
  width: 28px;
  height: 28px;
  background: #fff;
  left: 2px;
  top: 2px;
  border-radius: 50%;
  font: 10px/28px Helvetica;
  text-transform: uppercase;
  font-weight: bold;
  text-indent: -22px;
  word-spacing: 37px;
  color: #fff;
  text-shadow: -1px -1px rgba(0,0,0,0.15);
  white-space: nowrap;
  box-shadow: 0 1px 2px rgba(0,0,0,0.2);
  transition: all cubic-bezier(0.3, 1.5, 0.7, 1) 0.3s;
}

.toggle:checked {
  background-color: #4CD964;
}

.toggle:checked:before {
  left: 32px;
}