@import '../../visma/css/additional.css';

/* Forms */
div[id*="col_freefield"] .radio.form-check {
	display: inline-block;
	margin-right: 1.2rem;
}

.radiogroup .emoji-icon {
	font-family: 'wbui_icons' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	margin-bottom: 0;
}

.radiogroup .emoji-icon:before {
	font-family: 'wbui_icons' !important;
	left: 2rem;
	position: absolute;
	font-size: 3rem;
	display: block;
}

.radiogroup .emoji-icon--sad:before {
	content: "";
	color: #e80300;
}

.radiogroup  .emoji-icon--neutral:before {
	content: "";
	color: #e99a01;
}

.radiogroup .emoji-icon--happy:before {
	content: "";
	color: #2c7f1c;
}

.radiogroup .emoji-icon label {
	width: 60px;
    height: 36px;
    text-indent: -999px;
    display: flex;
	align-items: center;
	margin-top:0;
}

.radiogroup .emoji-icon label:after {
	top: auto;
}