@charset "UTF-8";

.radio-container *,
.radio-container *:after,
.radio-container *:before {
	box-sizing: border-box;
}

.radio-container {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	display: flex;
	flex:0 1 auto;
	align-items: center;
	justify-content: center;
}

.radio-tabs {
	display: flex;
	flex:0 1 auto;
	position: relative;
	background-color: #fff;
	box-shadow: 0 0 1px 0 rgba(24, 94, 224, 0.15), 0 6px 12px 0 rgba(24, 94, 224, 0.15);
	/*padding: 0.75rem; */
	padding: 0.5rem;
	border-radius: 99px;
}
.radio-tabs * {
	z-index: 2;
}

.radio-container input.radio {
	display: none;
	margin:0;
	padding:0;
	border:0;
}

.radio-tab {
	display: flex;
	flex:0 1 auto;
	align-items: center;
	justify-content: center;

	/*height: 54px;*/
	height: 40px;

	/*width: 200px;*/
	/* width: 18ex; */
	/* width: 24ex; */
	/* width: 180px; */
	width: 160px;
	/*FIXME*/
	font-size: 1.25rem;
	font-weight: 500;
	border-radius: 99px;
	cursor: pointer;
	transition: color 0.15s ease-in;
}

#content-parent .radio-container label {
	margin:0;
	padding:0;
}

#content-parent .radio-container input.radio:checked + label {
	color: #fff !important;
	border-radius: 49px;
	background: #1d875a;
}

.radio-container input.radio.radio-1:checked ~ .radio-glider {
	transform: translateX(0);
}

.radio-container input.radio.radio-2:checked ~ .radio-glider {
	transform: translateX(100%);
}

.radio-container input.radio.radio-3:checked ~ .radio-glider {
	transform: translateX(200%);
}

.radio-container .radio-glider {
	position: absolute; /*MISSING IE*/
	top:8px;
	left:8px;
	display: flex;
	flex:0 1 auto;
	height: 40px;
	width: 160px;
	background-color: #efefef;
	z-index: 1;
	border-radius: 99px;
	transition: 0.25s ease-out;
}