body {
				margin: 0px;
				background-color: 0xffffff;
				overflow: hidden;
			}

			#ui_components  {
			float: right;
			width: 17%;
			height: 96%;
			display: inline;
			position: absolute;
			right: 0px;
			top:2%;
				bottom: 2%;
			line-height: 14px;

			}


			.div1{
				float:left;
				width: 60px;
				height: 14px;
				margin: 0px;
				display: inline;
				padding: 0px;
				font-family: -apple-system, BlinkMacSystemFont,
	"Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell",
    "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
				font-weight: 500;
				font-size: 0.9em;

			}


			.switch {
			  position: relative;
			  display: inline-block;
			  width: 34px;
			  height: 19px;
			}

			.switch input {display:none;}



			.slider0 {
			  position: absolute;
			  cursor: pointer;
			  top: 0;
			  left: 0;
			  right: 0;
			  bottom: 0;
			  background-color: #ccc;
			  -webkit-transition: .3s;
			  transition: .3s;
			}

			.slider0:before {
			  position: absolute;
			  content: "";
			  height: 15px;
			  width: 15px;
			  left: 2px;
			  bottom: 2px;
			  background-color: white;
			  -webkit-transition: .3s;
			  transition: .3s;
			}

			input:checked + .slider0 {
			  background-color: blue;
			}

			input:focus + .slider0 {
			  box-shadow: 0 0 1px blue;
			}

			input:checked + .slider0:before {
			  -webkit-transform: translateX(15px);
			  -ms-transform: translateX(15px);
			  transform: translateX(15px);
			}

			/* Rounded sliders */
			.slider0.round {
			  border-radius: 19px;
			}

			.slider0.round:before {
			  border-radius: 50%;
			}


			.slider1 {
			  position: absolute;
			  cursor: pointer;
			  top: 0;
			  left: 0;
			  right: 0;
			  bottom: 0;
			  background-color: #ccc;
			  -webkit-transition: .3s;
			  transition: .3s;
			}

			.slider1:before {
			  position: absolute;
			  content: "";
			  height: 15px;
			  width: 15px;
			  left: 2px;
			  bottom: 2px;
			  background-color: white;
			  -webkit-transition: .3s;
			  transition: .3s;
			}

			input:checked + .slider1 {
			  background-color: red;
			}

			input:focus + .slider1 {
			  box-shadow: 0 0 1px red;
			}

			input:checked + .slider1:before {
			  -webkit-transform: translateX(15px);
			  -ms-transform: translateX(15px);
			  transform: translateX(15px);
			}

			/* Rounded sliders */
			.slider1.round {
			  border-radius: 15px;
			}

			.slider1.round:before {
			  border-radius: 50%;
			}


			.slider2 {
			  position: absolute;
			  cursor: pointer;
			  top: 0;
			  left: 0;
			  right: 0;
			  bottom: 0;
			  background-color: #ccc;
			  -webkit-transition: .3s;
			  transition: .3s;
			}

			.slider2:before {
			  position: absolute;
			  content: "";
			  height: 15px;
			  width: 15px;
			  left: 2px;
			  bottom: 2px;
			  background-color: white;
			  -webkit-transition: .3s;
			  transition: .3s;
			}

			input:checked + .slider2 {
			  background-color: green;
			}

			input:focus + .slider2 {
			  box-shadow: 0 0 1px green;
			}

			input:checked + .slider2:before {
			  -webkit-transform: translateX(15px);
			  -ms-transform: translateX(15px);
			  transform: translateX(15px);
			}

			/* Rounded sliders */
			.slider2.round {
			  border-radius: 15px;
			}

			.slider2.round:before {
			  border-radius: 50%;
			}


			.slider3 {
			  position: absolute;
			  cursor: pointer;
			  top: 0;
			  left: 0;
			  right: 0;
			  bottom: 0;
			  background-color: #ccc;
			  -webkit-transition: .3s;
			  transition: .3s;
			}

			.slider3:before {
			  position: absolute;
			  content: "";
			  height: 15px;
			  width: 15px;
			  left: 2px;
			  bottom: 2px;
			  background-color: white;
			  -webkit-transition: .3s;
			  transition: .3s;
			}

			input:checked + .slider3 {
			  background-color: purple;
			}

			input:focus + .slider3 {
			  box-shadow: 0 0 1px purple;
			}

			input:checked + .slider3:before {
			  -webkit-transform: translateX(15px);
			  -ms-transform: translateX(15px);
			  transform: translateX(15px);
			}

			/* Rounded sliders */
			.slider3.round {
			  border-radius: 15px;
			}

			.slider3.round:before {
			  border-radius: 50%;
			}

			/* Rounded sliders */
			.slider4.round {
			  border-radius: 15px;
			}

			.slider4.round:before {
			  border-radius: 50%;
			}

			.slider4 {
			  position: absolute;
			  cursor: pointer;
			  top: 0;
			  left: 0;
			  right: 0;
			  bottom: 0;
			  background-color: #ccc;
			  -webkit-transition: .3s;
			  transition: .3s;
			}

			.slider4:before {
			  position: absolute;
			  content: "";
			  height: 15px;
			  width: 15px;
			  left: 2px;
			  bottom: 2px;
			  background-color: white;
			  -webkit-transition: .3s;
			  transition: .3s;
			}

			input:checked + .slider4 {
			  background-color: yellow;
			}

			input:focus + .slider4 {
			  box-shadow: 0 0 1px yellow;
			}

			input:checked + .slider4:before {
			  -webkit-transform: translateX(15px);
			  -ms-transform: translateX(15px);
			  transform: translateX(15px);
			}

			/* Rounded sliders */
			.slider4.round {
			  border-radius: 15px;
			}

			.slider4.round:before {
			  border-radius: 50%;
			}