#custom-s1 label{
	position: relative;
	cursor: pointer;
	color: #828282;
	font-size: 18px;
	margin-bottom: 0;
	display: inline-block;
    background-color: white;
    width: 100%;
}
#custom-s1 .form-check {padding-left: 0rem;}

#custom-s1 input[type="checkbox"], input[type="radio"]{
	position: absolute;
	right: 9000px;
}
.text-blue {
    color: #4285f4;
}

/*Check box*/
#custom-s1 input[type="checkbox"] + .label-text:before{
	content: "\f096";
	font-family: "FontAwesome";
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing:antialiased;
	width: 1em;
	display: inline-block;
	margin-right: 5px;
}

#custom-s1 input[type="checkbox"]:checked + .label-text:before{
	content: "\f14a";
	color: #4285f4;
	animation: effect 250ms ease-in;
}

#custom-s1 input[type="checkbox"]:disabled + .label-text{
	color: #aaa;
}

#custom-s1 input[type="checkbox"]:disabled + .label-text:before{
	content: "\f0c8";
	color: #ccc;
}

/*Radio box*/

#custom-s1 input[type="radio"] + .label-text:before{
	content: "\f10c";
	font-family: "FontAwesome";
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing:antialiased;
	width: 1em;
	display: inline-block;
	margin-right: 5px;
}

#custom-s1 input[type="radio"]:checked + .label-text:before{
	content: "\f192";
	color: #4285f4;
	animation: effect 250ms ease-in;
}

#custom-s1 input[type="radio"]:disabled + .label-text{
	color: #aaa;
}

#custom-s1 input[type="radio"]:disabled + .label-text:before{
	content: "\f111";
	color: #ccc;
}

/*Radio Toggle*/

#custom-s1 .toggle input[type="radio"] + .label-text:before{
	content: "\f204";
	font-family: "FontAwesome";
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing:antialiased;
	width: 1em;
	display: inline-block;
	margin-right: 10px;
}

#custom-s1 .toggle input[type="radio"]:checked + .label-text:before{
	content: "\f205";
	color: #16a085;
	animation: effect 250ms ease-in;
}

#custom-s1 .toggle input[type="radio"]:disabled + .label-text{
	color: #aaa;
}

#custom-s1 .toggle input[type="radio"]:disabled + .label-text:before{
	content: "\f204";
	color: #ccc;
}

@keyframes effect{
	0%{transform: scale(0);}
	25%{transform: scale(1.3);}
	75%{transform: scale(1.4);}
	100%{transform: scale(1);}
}