	
	/* Custom Toggle Switch Styles for F & C */
	
	.toggle-button-cover {
	  display: table-cell;
	  position: relative;
	  width: auto;
	  margin-top:20px;
	  box-sizing: border-box;
	}

	.button-cover,
	.knobs,
	.layer {
	  position: absolute;
	  top: 0;
	  right: 0;
	  bottom: 0;
	  left: 0;
	}

	.button {
	  position: relative;
	  top: 50%;
	  width: 66px;
	  height: 33px;
	  margin: -20px auto 0 auto;
	  overflow: hidden;
	}

	.button.b2 {
	  border-radius: 4px;
	}

	.checkbox {
	  position: relative;
	  width: 100%;
	  height: 100%;
	  padding: 0;
	  margin: 0;
	  opacity: 0;
	  cursor: pointer;
	  z-index: 3;
	}

	.knobs {
	  z-index: 2;
	}

	.layer {
	  width: 100%;
	  background-color: #eee;
	  transition: 0.3s ease all;
	  z-index: 1;
	}
	
	/* Button 10 */
	#button-10 .knobs:before,
	#button-10 .knobs:after,
	#button-10 .knobs span {
	  position: absolute;
	  top: 4px;
	  width: 20px;
	  height: 25px;
	  font-size: 12px;
	  font-weight: bold;
	  text-align: center;
	  line-height: 1;
	  padding: 7px 4px;
	  border-radius: 4px;
	  transition: 0.3s ease all;
	}

	#button-10 .knobs:before {
	  content: "";
	  left: 4px;
	  background-color: #A00B26;
	}

	#button-10 .knobs:after {
	  content: "F°";
	  right: 4px;
	  color: #485D85;
	}

	#button-10 .knobs span {
	  display: inline-block;
	  left: 4px;
	  color: #fff;
	  z-index: 1;
	}

	#button-10 .checkbox:checked + .knobs span {
	  color: #485D85;
	}

	#button-10 .checkbox:checked + .knobs:before {
	  left: 42px;
	  background-color: #A00B26;
	}

	#button-10 .checkbox:checked + .knobs:after {
	  color: #fff;
	}

	#button-10 .checkbox:checked ~ .layer {
	  background-color: #eee;
	}