/* ---------------------- CUSTOM COLORED RADIO BUTTONS ---------------------- */
input[type="radio"],
.primary-radio input[type="radio"],
.tab-pane input[type="radio"],
.wizard-right input[type="radio"] {
	background-color: var(--ghost-light-charcoal);
	border-radius: 10px;

	margin-right: 8px;
	height: 20px;
	width: 20px;
}

input[type="radio"],
.primary-radio input[type="radio"],
.tab-pane input[type="radio"],
.wizard-right input[type="radio"] {
	background-color: #fff0;
}

input[type="radio"]::before,
.primary-radio input[type="radio"]::before,
.tab-pane input[type="radio"]::before,
.wizard-right input[type="radio"]::before {
	content: " ";
	display: inline-block;
	background-color: var(--ghost-light-charcoal);
	border: none;
	border-radius: 50%;
	height: 20px;
	width: 20px;
}

input[type="radio"]:checked::before,
.primary-radio input[type="radio"]:checked::before,
.tab-pane input[type="radio"]:checked::before,
.wizard-right input[type="radio"]:checked::before {
	content: " ";
	display: inline-block;
	background-color: var(--tc-primary);
	border: solid 6px var(--accent);
	border-radius: 50%;
	height: 20px;
	width: 20px;
}

.primary-radio label,
.globalRadioButton > label {
	display: flex;
	align-items: center;
}
/* -------------------------------------------------------------------------- */

/* --------------------- RADIO BUTTONS AND BUTTON FIELDS -------------------- */
.radio-btn {
	display: flex;
}

.radio-btnfield {
	font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;
	padding: 40px;
	overflow: hidden;
}

.radio-btn input {
	position: absolute !important;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	width: 1px;
	border: 0;
	overflow: hidden;
}

.radio-btn label {
	float: left;
}

.radio-btn label {
	display: inline-block;
	width: 100%;
	background-color: var(--panel-color);
	color: var(--tc-primary);
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	text-shadow: none;
	padding: 6px 14px;
	border: 1px solid rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3),
		0 1px rgba(255, 255, 255, 0.1);
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

.radio-btn label:hover {
	cursor: pointer;
}

.radio-btn input:checked + label {
	-webkit-box-shadow: none;
	box-shadow: none;
	background-color: var(--accent);
	color: var(--tc-accent);
}

.radio-btn label:first-of-type {
	border-radius: 15px 0 0 15px;
}

.radio-btn label:last-of-type {
	border-radius: 0 15px 15px 0;
}
/* -------------------------------------------------------------------------- */

/* ------------------------- RADIO BUTTON OVERRIDES ------------------------- */
/* .form-group .radio-inline {
	display: inline-block;
	margin-right: 15px;
}

.form-group input[type="radio"] {
	margin-right: 5px;
} */
/* -------------------------------------------------------------------------- */