@charset "UTF-8";
/* * CSS TOGGLE SWITCH * * Ionuț Colceriu - ghinda.net * https://github.com/ghinda/css-toggle-switch * */
/* supported values are px, rem-calc, em-calc */
/* imports */
/* Functions */
/* Shared */
/* Hide by default */
 .switch-toggle a, .switch-light span span {
	 display: none;
}
/* We can't test for a specific feature, * so we only target browsers with support for media queries. */
 @media only screen {
	/* Checkbox */
	 .switch-light {
		 position: relative;
		 display: block !important;
		/* simulate default browser focus outlines on the switch, * when the inputs are focused. */
	}
	 .switch-light::after {
		 clear: both;
		 content: '';
		 display: table;
	}
	 .switch-light *, .switch-light *:before, .switch-light *:after {
		 box-sizing: border-box;
	}
	 .switch-light a {
		 display: block;
		 transition: all 0.2s ease-out;
	}
	 .switch-light label, .switch-light > span {
		/* breathing room for bootstrap/foundation classes. */
		 line-height: 2em;
	}
	 .switch-light input:focus ~ span a, .switch-light input:focus + label {
		 outline-width: 2px;
		 outline-style: solid;
		 outline-color: Highlight;
		/* Chrome/Opera gets its native focus styles. */
	}
}
 @media only screen and (-webkit-min-device-pixel-ratio: 0) {
	 .switch-light input:focus ~ span a, .switch-light input:focus + label {
		 outline-color: -webkit-focus-ring-color;
		 outline-style: auto;
	}
}
 @media only screen {
	/* don't hide the input from screen-readers and keyboard access */
	 .switch-light input {
		 position: absolute;
		 opacity: 0;
		 z-index: 3;
	}
	 .switch-light input:checked ~ span a {
		 right: 0%;
	}
	/* inherit from label */
	 .switch-light strong {
		 font-weight: inherit;
	}
	 .switch-light > span {
		 position: relative;
		 overflow: hidden;
		 display: block;
		 min-height: 38px;
		/* overwrite 3rd party classes padding * eg. bootstrap .alert */
		 padding: 0;
		 text-align: left;
	}
	 .switch-light span span {
		 position: relative;
		 z-index: 2;
		 display: block;
		 float: left;
		 width: 50%;
		 text-align: center;
		 user-select: none;
	}
	 .switch-light a {
		 position: absolute;
		 right: 50%;
		 top: 0;
		 z-index: 1;
		 display: block;
		 width: 50%;
		 height: 100%;
		 padding: 0;
	}
	/* bootstrap 4 tweaks */
	 .switch-light.row {
		 display: flex;
	}
	 .switch-light .alert-light {
		 color: #333;
	}
	/* Radio Switch */
	 .switch-toggle {
		 position: relative;
		 display: block;
		/* simulate default browser focus outlines on the switch, * when the inputs are focused. */
		/* For callout panels in foundation */
		 padding: 0 !important;
		/* 2 items */
		/* 3 items */
		/* 4 items */
		/* 5 items */
		/* 6 items */
	}
	 .switch-toggle::after {
		 clear: both;
		 content: '';
		 display: table;
	}
	 .switch-toggle *, .switch-toggle *:before, .switch-toggle *:after {
		 box-sizing: border-box;
	}
	 .switch-toggle a {
		 display: block;
		 transition: all 0.2s ease-out;
	}
	 .switch-toggle label, .switch-toggle > span {
		/* breathing room for bootstrap/foundation classes. */
		 line-height: 2em;
	}
	 .switch-toggle input:focus ~ span a, .switch-toggle input:focus + label {
		 outline-width: 2px;
		 outline-style: solid;
		 outline-color: Highlight;
		/* Chrome/Opera gets its native focus styles. */
	}
}
 @media only screen and (-webkit-min-device-pixel-ratio: 0) {
	 .switch-toggle input:focus ~ span a, .switch-toggle input:focus + label {
		 outline-color: -webkit-focus-ring-color;
		 outline-style: auto;
	}
}
 @media only screen {
	 .switch-toggle input {
		 position: absolute;
		 left: 0;
		 opacity: 0;
	}
	 .switch-toggle input + label {
		 position: relative;
		 z-index: 2;
		 display: block;
		 float: left;
		 padding: 0 0.5rem;
		 margin: 0;
		 text-align: center;
	}
	 .switch-toggle a {
		 position: absolute;
		 top: 0;
		 left: 0;
		 padding: 0;
		 z-index: 1;
		 width: 10px;
		 height: 100%;
	}
	 .switch-toggle label:nth-child(2):nth-last-child(4), .switch-toggle label:nth-child(2):nth-last-child(4) ~ label, .switch-toggle label:nth-child(2):nth-last-child(4) ~ a {
		 width: 50%;
	}
	 .switch-toggle label:nth-child(2):nth-last-child(4) ~ input:checked:nth-child(3) + label ~ a {
		 left: 50%;
	}
	 .switch-toggle label:nth-child(2):nth-last-child(6), .switch-toggle label:nth-child(2):nth-last-child(6) ~ label, .switch-toggle label:nth-child(2):nth-last-child(6) ~ a {
		 width: 33.33%;
	}
	 .switch-toggle label:nth-child(2):nth-last-child(6) ~ input:checked:nth-child(3) + label ~ a {
		 left: 33.33%;
	}
	 .switch-toggle label:nth-child(2):nth-last-child(6) ~ input:checked:nth-child(5) + label ~ a {
		 left: 66.66%;
	}
	 .switch-toggle label:nth-child(2):nth-last-child(8), .switch-toggle label:nth-child(2):nth-last-child(8) ~ label, .switch-toggle label:nth-child(2):nth-last-child(8) ~ a {
		 width: 25%;
	}
	 .switch-toggle label:nth-child(2):nth-last-child(8) ~ input:checked:nth-child(3) + label ~ a {
		 left: 25%;
	}
	 .switch-toggle label:nth-child(2):nth-last-child(8) ~ input:checked:nth-child(5) + label ~ a {
		 left: 50%;
	}
	 .switch-toggle label:nth-child(2):nth-last-child(8) ~ input:checked:nth-child(7) + label ~ a {
		 left: 75%;
	}
	 .switch-toggle label:nth-child(2):nth-last-child(10), .switch-toggle label:nth-child(2):nth-last-child(10) ~ label, .switch-toggle label:nth-child(2):nth-last-child(10) ~ a {
		 width: 20%;
	}
	 .switch-toggle label:nth-child(2):nth-last-child(10) ~ input:checked:nth-child(3) + label ~ a {
		 left: 20%;
	}
	 .switch-toggle label:nth-child(2):nth-last-child(10) ~ input:checked:nth-child(5) + label ~ a {
		 left: 40%;
	}
	 .switch-toggle label:nth-child(2):nth-last-child(10) ~ input:checked:nth-child(7) + label ~ a {
		 left: 60%;
	}
	 .switch-toggle label:nth-child(2):nth-last-child(10) ~ input:checked:nth-child(9) + label ~ a {
		 left: 80%;
	}
	 .switch-toggle label:nth-child(2):nth-last-child(12), .switch-toggle label:nth-child(2):nth-last-child(12) ~ label, .switch-toggle label:nth-child(2):nth-last-child(12) ~ a {
		 width: 16.6%;
	}
	 .switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(3) + label ~ a {
		 left: 16.6%;
	}
	 .switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(5) + label ~ a {
		 left: 33.2%;
	}
	 .switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(7) + label ~ a {
		 left: 49.8%;
	}
	 .switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(9) + label ~ a {
		 left: 66.4%;
	}
	 .switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(11) + label ~ a {
		 left: 83%;
	}
	/* Candy Theme * Based on the "Sort Switches / Toggles (PSD)" by Ormal Clarck * http://www.premiumpixels.com/freebies/sort-switches-toggles-psd/ */
	 .switch-toggle.switch-candy, .switch-light.switch-candy > span {
		 background-color: #fff;
		 border:1px solid #a5a5a5;
	}
	 .switch-light.switch-candy span span, .switch-light.switch-candy input:checked ~ span span:first-child, .switch-toggle.switch-candy label {
		 color: #333;
		 text-align: center;
		 margin-top: 4px;
	}
	 .switch-light.switch-candy input ~ span span:first-child, .switch-light.switch-candy input:checked ~ span span:nth-child(2), .switch-candy input:checked + label {
		 color: #fff;
	}
	 .switch-candy a {
		 border: 1px solid #fff;
		 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(255, 255, 255, 0.45);
		 background-color: #4578bc;
	}
	 .switch-candy-blue a {
		 background-color: #38a3d4;
	}
	 .switch-candy-yellow a {
		 background-color: #f5e560;
	}
	/* iOS Theme */
	 .switch-ios.switch-light span span {
		 color: #000000;
	}
	 .switch-ios.switch-light a {
		 left: 0;
		 top: 2px;
		 width: 2rem;
		 height: 2rem;
		 background-color: #fff;
		 border-radius: 100%;
		 border: 0.25rem solid #c0d8f1;
		 transition: all .2s ease-out;
	}
	 .switch-ios.switch-light > span {
		 display: block;
		 width: 100%;
		 height: 2.3rem;
		 background-color: #c0d8f1;
		 border-radius: 0.25rem;
		 transition: all .4s ease-out;
	}
	 .switch-ios.switch-light > span span {
		 position: absolute;
		 top: 4px;
		 left: 0;
		 width: 100%;
		 opacity: 0;
		 line-height: 1.875rem;
		 vertical-align: middle;
		 transition: all .2s ease-out;
	}
	 .switch-ios.switch-light > span span:first-of-type {
		 opacity: 1;
		 padding-left: 1.875rem;
	}
	 .switch-ios.switch-light > span span:last-of-type {
		 padding-right: 1.875rem;
	}
	 .switch-ios.switch-light input:checked ~ span a {
		 left: 100%;
		 border-color: #4578bc;
		 margin-left: -2rem;
	}
	 .switch-ios.switch-light input:checked ~ span {
		 border-color: #4578bc;
		 box-shadow: inset 0 0 0 30px #4578bc;
	}
	 .switch-ios.switch-light input:checked ~ span span:first-of-type {
		 opacity: 0;
	}
	 .switch-ios.switch-light input:checked ~ span span:last-of-type {
		 opacity: 1;
		 color: #fff;
	}
	 .switch-ios.switch-toggle {
		 background-color: #c0d8f1;
		 border-radius: 30px;
		 box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 0;
	}
	 .switch-ios.switch-toggle a {
		 background-color: #4578bc;
		 border: 0.125rem solid #c0d8f1;
		 border-radius: 1.75rem;
		 transition: all 0.12s ease-out;
	}
	 .switch-ios.switch-toggle label {
		 height: 2.4em;
		 color: #000000;
		 line-height: 2.4em;
		 vertical-align: middle;
	}
	 .switch-ios input:checked + label {
		 color: #000000;
	}
	/* Holo Theme */
	 .switch-toggle.switch-holo, .switch-light.switch-holo > span {
		 background-color: #464747;
		 border-radius: 1px;
		 box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 0;
		 color: #fff;
		 text-transform: uppercase;
	}
	 .switch-holo label {
		 color: #fff;
	}
	 .switch-holo > span span {
		 opacity: 0;
		 transition: all 0.1s;
	}
	 .switch-holo > span span:first-of-type {
		 opacity: 1;
	}
	 .switch-holo > span span, .switch-holo label {
		 font-size: 85%;
		 line-height: 2.15625rem;
	}
	 .switch-holo a {
		 background-color: #666;
		 border-radius: 1px;
		 box-shadow: inset rgba(255, 255, 255, 0.2) 0 1px 0, inset rgba(0, 0, 0, 0.3) 0 -1px 0;
	}
	/* Selected ON switch-light */
	 .switch-holo.switch-light input:checked ~ span a {
		 background-color: #0E88B1;
	}
	 .switch-holo.switch-light input:checked ~ span span:first-of-type {
		 opacity: 0;
	}
	 .switch-holo.switch-light input:checked ~ span span:last-of-type {
		 opacity: 1;
	}
	/* Material Theme */
	/* switch-light */
	 .switch-light.switch-material a {
		 top: -0.1875rem;
		 width: 1.75rem;
		 height: 1.75rem;
		 border-radius: 50%;
		 background: #fafafa;
		 box-shadow: 0 0.125rem 0.125rem 0 rgba(0, 0, 0, 0.14), 0 0.1875rem 0.125rem -0.125rem rgba(0, 0, 0, 0.2), 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.12);
		 transition: right 0.28s cubic-bezier(0.4, 0, 0.2, 1);
	}
	 .switch-material.switch-light {
		 overflow: visible;
	}
	 .switch-material.switch-light::after {
		 clear: both;
		 content: '';
		 display: table;
	}
	 .switch-material.switch-light > span {
		 overflow: visible;
		 position: relative;
		 top: 0.1875rem;
		 width: 3.25rem;
		 height: 1.5rem;
		 min-height: auto;
		 border-radius: 1rem;
		 background: rgba(0, 0, 0, 0.26);
	}
	 .switch-material.switch-light span span {
		 position: absolute;
		 clip: rect(0 0 0 0);
	}
	 .switch-material.switch-light input:checked ~ span a {
		 right: 0;
		 background: #3f51b5;
		 box-shadow: 0 0.1875rem 0.25rem 0 rgba(0, 0, 0, 0.14), 0 0.1875rem 0.1875rem -0.125rem rgba(0, 0, 0, 0.2), 0 0.0625rem 0.375rem 0 rgba(0, 0, 0, 0.12);
	}
	 .switch-material.switch-light input:checked ~ span {
		 background: rgba(63, 81, 181, 0.5);
	}
	/* switch-toggle */
	 .switch-toggle.switch-material {
		 overflow: visible;
	}
	 .switch-toggle.switch-material::after {
		 clear: both;
		 content: '';
		 display: table;
	}
	 .switch-toggle.switch-material a {
		 top: 48%;
		 width: 0.375rem !important;
		 height: 0.375rem;
		 margin-left: 0.25rem;
		 background: #3f51b5;
		 border-radius: 100%;
		 transform: translateY(-50%);
		 transition: transform .4s ease-in;
	}
	 .switch-toggle.switch-material label {
		 color: rgba(0, 0, 0, 0.54);
		 font-size: 1em;
	}
	 .switch-toggle.switch-material label:before {
		 content: '';
		 position: absolute;
		 top: 48%;
		 left: 0;
		 display: block;
		 width: 0.875rem;
		 height: 0.875rem;
		 border-radius: 100%;
		 border: 0.125rem solid rgba(0, 0, 0, 0.54);
		 transform: translateY(-50%);
	}
	 .switch-toggle.switch-material input:checked + label:before {
		 border-color: #3f51b5;
	}
	/* ripple */
	 .switch-light.switch-material > span:before, .switch-light.switch-material > span:after, .switch-toggle.switch-material label:after {
		 content: '';
		 position: absolute;
		 top: 0;
		 left: 0;
		 z-index: 3;
		 display: block;
		 width: 4rem;
		 height: 4rem;
		 border-radius: 100%;
		 background: #3f51b5;
		 opacity: .4;
		 margin-left: -1.25rem;
		 margin-top: -1.25rem;
		 transform: scale(0);
		 transition: opacity .4s ease-in;
	}
	 .switch-light.switch-material > span:after {
		 left: auto;
		 right: 0;
		 margin-left: 0;
		 margin-right: -1.25rem;
	}
	 .switch-toggle.switch-material label:after {
		 width: 3.25rem;
		 height: 3.25rem;
		 margin-top: -0.75rem;
	}
	 @keyframes materialRipple {
		 0% {
			 transform: scale(0);
		}
		 20% {
			 transform: scale(1);
		}
		 100% {
			 opacity: 0;
			 transform: scale(1);
		}
	}
	 .switch-material.switch-light input:not(:checked) ~ span:after, .switch-material.switch-light input:checked ~ span:before, .switch-toggle.switch-material input:checked + label:after {
		 animation: materialRipple .4s ease-in;
	}
	/* trick to prevent the default checked ripple animation from showing * when the page loads. * the ripples are hidden by default, and shown only when the input is focused. */
	 .switch-light.switch-material.switch-light input ~ span:before, .switch-light.switch-material.switch-light input ~ span:after, .switch-material.switch-toggle input + label:after {
		 visibility: hidden;
	}
	 .switch-light.switch-material.switch-light input:focus:checked ~ span:before, .switch-light.switch-material.switch-light input:focus:not(:checked) ~ span:after, .switch-material.switch-toggle input:focus:checked + label:after {
		 visibility: visible;
	}
}
/* Bugfix for older Webkit, including mobile Webkit. Adapted from * http://css-tricks.com/webkit-sibling-bug/ */
 @media only screen and (-webkit-max-device-pixel-ratio: 2) and (max-device-width: 80rem) {
	 .switch-light, .switch-toggle {
		 -webkit-animation: webkitSiblingBugfix infinite 1s;
	}
}
 @-webkit-keyframes webkitSiblingBugfix {
	 from {
		 -webkit-transform: translate3d(0, 0, 0);
	}
	 to {
		 -webkit-transform: translate3d(0, 0, 0);
	}
}
/*# sourceMappingURL=toggle-switch-rem.css.map */