.toggle-button-label {
	cursor: pointer;
	font-size: 2rem;
	margin-left: 10px;
	color: #fff;
	font-weight: 600;
}

.toggle-button {
	position: relative!important;
	width: 55px !important;
	height: 28px !important;
	margin: 0 !important;
	vertical-align: middle !important;
	margin-right: 10px !important;
	background-color: #e0e0e0!important;
	border: 1px solid #e0e0e0 !important;
	border-radius: 30px !important;
	outline: none !important;
	cursor: pointer !important;
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
	transition: all 0.3s cubic-bezier(0.2, 0.85, 0.32, 1.2) !important;
}
.toggle-button.sm{
	width: 39px !important;
	height: 22px !important;
}
.toggle-button:disabled {
	cursor: default !important;
	opacity: 0.5 !important;
}
.toggle-button::before {
	display: none!important;
}
.toggle-button::after {
	content: "";
	position: absolute;
	left: 2px!important;
	top: 1.5px!important;
	width: 24px!important;
	height: 24px!important;
	background: #ffffff !important;
	border-color: #ffffff;
	border-radius: 50%;
	transform: translateX(0) !important;
	transition: all 0.3s cubic-bezier(0.2, 0.85, 0.32, 1.2);
}
.toggle-button.sm::after{
	width: 17px!important;
	height: 17px!important;
}
.toggle-button:checked {
	background-color: #f32c2c!important;
	border-color: #f32c2c;
}
.toggle-button:checked::after {
	transform: translateX(100%)!important;
	background-color: #fff!important;
}
label.checkbox{
	padding-left: 0;
	display: block;
    margin: 20px auto 0;
    width: 350px;
	color: #fff;
}
label.checkbox input{
   color: #fff;
}
label.checkbox a{
   color: #fff;
   text-decoration: underline!important;
}
.required {
    color: red;
    font-weight: 700;
    border: 0 !important;
    text-decoration: none!important;

}

form[name="form1"] label.checkbox,form[name="form2"] label.checkbox,form[name="form3"] label.checkbox{
	width: 100%;
}
form[name="form2"] label.checkbox,form[name="form3"] label.checkbox{
    margin-bottom: 20px !important;
}