/* Radio button toggle switch Start */
.switch-field {display: inline-block;  margin-bottom: 36px; overflow: hidden; }
.switch-field input {position: absolute !important;	clip: rect(0, 0, 0, 0);	height: 1px; width: 1px; border: 0;	overflow: hidden; }
.switch-field label 
{ 
	background-color: #e4e4e4; color: rgba(0, 0, 0, 0.6);	font-size: 14px; line-height: 1;
	text-align: center; padding: 8px 16px; margin-right: -1px; border: 1px solid rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
	transition: all 0.1s ease-in-out;
}
.switch-field label:hover { cursor: pointer; }
.switch-field input:checked + label {background-color: #a5dc86; box-shadow: none;}
.switch-field label:first-of-type {	border-radius: 4px 0 0 4px; }
.switch-field label:last-of-type {	border-radius: 0 4px 4px 0;}
/* Radio button toggle switch End */

/* Checkbox button switch End */
.checkbox-field { margin: 0 auto 10px; padding:10px 10px; }

.checkbox-field .container { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 0.9rem; width: 100%; }
.checkbox-field .container input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
.checkbox-field .checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #eee; }
.checkbox-field .container:hover input ~ .checkmark { background-color: #ccc;} 
.checkbox-field .container input:checked ~ .checkmark { background-color: #2196F3; }
.checkbox-field .checkmark:after { content: ""; position: absolute; display: none;}
.checkbox-field .container input:checked ~ .checkmark:after {  display: block; }
.checkbox-field .container .checkmark:after { left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0;
							  -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
/* Checkbox button switch End */

.field-error{ border-color:#f5b6b6!important; background-color:#ffd9d9!important; }