.ui-radio {
	vertical-align: bottom;
	cursor: pointer;
	font-size: 1.1rem;
	overflow: hidden;
	white-space: nowrap;
	margin: 0 0 5px 0;

	> .material-icons {
		font-size: 1.5rem;
		color: map-get($gray-shades, 600);
		vertical-align: top;
		margin-right: 5px;
	}

	> .selected {
		color: map-get($gray-shades, 800);
	}

	&:hover {
		color: map-get($gray-shades, 800);
	}

	> .text {
		display: inline-block;
		font-size: 1.1rem;
		vertical-align: sub;
		color: $color-black-light-1;
	}
}

.ui-radio-selected {
	color: map-get($gray-shades, 800);
}