.availability-toggle-container{
	display:inline-block;
}
.switch-container{
  width:183px;
}
.switch{
  margin:0 auto;
  background-color:green;
  width:60px;
  margin-bottom:0;
  position:relative;
  height:35px;
  border-radius: 50px;
}
.availability-toggle-container input[type=checkbox]{
  visibility: hidden;
  position: absolute;
  top:999999px;
  left:99999px;
}
.slider{
  display: block;
  border-radius: 50px;
  margin-bottom:0 !important;
  background-color:white;
  position: relative;
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: .4s;
  transition: .4s;
  background-color:#ccc;
}

.slider:before{
  width:35px;
  height:35px;
  border-radius:50%;
  content: "";
  display:block;
  position:absolute;
  background-color:white;
  -webkit-transition: .4s;
  transition: .4s;
  -webkit-box-shadow: inset 0px 0px 7px -82px rgba(0,0,0,0.72);
-moz-box-shadow: inset 0px 0px 7px -82px rgba(0,0,0,0.72);
box-shadow: inset 0px 0px 7px -82px rgba(0,0,0,0.72);
}

.availability-toggle-container input[type=checkbox]:focus + .slider{
  box-shadow: 0 0 1px #2196F3;
}
.availability-toggle-container input[type=checkbox]:checked + .slider{
  background-color:green;
}
.availability-toggle-container input[type=checkbox]:checked + .slider:before {
  -webkit-transform: translateX(25px);
  -ms-transform: translateX(25px);
  transform: translateX(25px);
}
.toggle-switch{
  display: inline-block;
}
.text-desc{
  display:inline-block;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  font-weight:bold;
  font-size:22px;
}
.unavailable{
  color:red;
}
.available{
  color:green;
}