.css-form .css-checkbox label {
	position:relative;
}



.css-form .css-checkbox.m1 .custom-checkbox label {
	padding-left:60px;
	padding-top:5px;
	padding-bottom:5px;
	margin-left:0;
}


.css-form .css-checkbox.m1 label::before {
	width:40px;
	height:18px;
	top:7px;
	border-radius:8px;
	background-image:none !important;
	left:0;
}

.css-form .css-checkbox.m1 label::after {
	transition: all 0.3s ease-in-out;
	border-radius: 8px;
	width:18px;
	height:18px;
	top:7px;
	left:0;
	right:auto;
	display:inline-block;
	background-image:none !important;
}

.css-form .css-checkbox.m1  .custom-checkbox {
	padding-left:0;
	margin-left:0;
}

.css-form .css-checkbox.m1 label:hover {
	cursor:pointer;
}


.css-form .css-checkbox.m2 .custom-checkbox label {
	padding-left:30px;
	padding-top:5px;
	padding-bottom:5px;
	margin-left:0;
}


.css-form .css-checkbox.m2 label::before {
	width:20px;
	height:20px;
	top:5px;
	border-radius:0px !important;
	border-style: solid !important;
	background-image:none !important;
	left:0;
	box-shadow:none;
}

.css-form .css-checkbox.m2 label::after {
	transition: all 0.3s ease-in-out;
	width:20px;
	height:20px;
	top: 5px;
	left:0px;
	right:auto;
	background-image:none !important;
	line-height: normal;
	box-shadow:none;
}

.css-form .css-checkbox.m2  .custom-checkbox {
	padding-left:0;
	margin-left:0;
}

.css-form .css-checkbox.m2 label:hover {
	cursor:pointer;
}