fieldset {
    border: 1px solid #ccc;
    padding: .5em;
    margin-bottom: 1em;
}

legend {
    font-size: .85em;
    color: <?=$colors['accent2']?>;
}

.base label {margin-left: .5em}





.custform {
	position:relative;
	display:inline-block;
	white-space:pre;
}

.custform input[type='checkbox'] {
	visibility:hidden;
}

.custform input[type='checkbox'] + label {
	position:relative;
	margin-right:2em;
}

.custform input[type='checkbox'] + label::before {
	content:'';
	border:1px solid #ccc;
	height:1em;
	width:1em;
	position:absolute;
	top:.125em;
	left:-1.5em;
	border-radius:.5em;
	cursor:pointer;
	background:#fff;
}

.custform input[type='checkbox'] + label::before {
	width:1.2em;
	height:1.2em;
	border-radius:.2em;
	top:0;
	left:-1.5em;
}

.custform input[type='checkbox']:checked + label:before {
	background-color:#149198;
	border-color:#149198;
}


/* slider switch */
.custform.slidecheck {
	width:100%;
	max-width:230px;
	display:block;
	margin-bottom:.5em;
}

.custform.slidecheck input[type='checkbox'] + label {
	margin-left:-.75em;
	margin-right:0;
	position:static;
}

.custform.slidecheck input[type='checkbox'] + label::before {
    content:'OFF';
    font-size:.67em;
    font-family:"Andale mono", monospace;
    line-height:2.083em;
    text-align: right;
    padding-right:.833em;
    width:5em;
    height:2.25em;
    background-color: #fff;
    position:absolute;
    top:auto;
    left:auto;
    right: 0;
    border-radius:1.2em;
    border:1px solid #ccc;
    color:#aaa;
}

.custform.slidecheck input[type='checkbox'] + label::after {
    content:'';
    font-size:.67em;
    width:1.75em;
    height:1.75em;
    border-radius:1.2em;
    background: #d9dbdc;
    position:absolute;
    top:.25em;
    left:auto;
    right:3em;
    opacity:1;

    transition: all 0.4s ease;
}

.custform.slidecheck input[type='checkbox']:checked + label:after {
	right:.25em;
}

.custform.slidecheck input[type='checkbox']:checked + label:before {
	content:'ON';
	text-indent:.833em;
	text-align:left;
	color:#fff;
	font-weight:700;
}


/*  3D/Apple style  */
.custform.slidecheck.threedee input[type='checkbox'] + label:after {
	box-shadow:0 .083em .083em rgba(0,0,0,0.6);
	height:1.667em;
	width:1.667em;
}

.custform.slidecheck.threedee input[type='checkbox'] + label:before {
	box-shadow:inset 0 .083em .083em rgba(0,0,0,0.2);
}

.custform input[type='checkbox'] + label:before {
	transition:background-color .6s;
}

.custform.slidecheck input[type='checkbox']:checked + label:before {
	background-color:#149198;
	border-color:#149198;
}





.custform.cta input[type='checkbox']:checked + label:before{background-color:#f36629; border-color:#f36629}
.custform.highlight input[type='checkbox']:checked + label:before{background-color:#00a4e7; border-color:#00a4e7}









.custform.slidecheck.huge {
    font-size:70px;
    max-width: 100%;
    height: 1.3em;
    line-height:1.3em;
    text-indent:.45em;
}