//@import "../../../abstracts/abstracts";

/* ****************************** 
********** Radio box (custom) **********
****************************** */
.radio-list-control {
	width: 100%;
	float: left;
	border-radius: 0 0 $border-radius-default $border-radius-default;
}
.dbq-form {
	.dbq-radio-container {
		label.dbq-radio {
			float: left;
			width: 100% !important;
			height: 20px;
			margin: 5px;
			padding: 0;
			display: block;
			position: relative;
			padding-left: 0;
			cursor: pointer;
			-webkit-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
			input {
				position: absolute;
				opacity: 0;
				display: none;
				
				cursor: pointer;
				&:checked {
					~ {
						.dbq-radiomark {
							&:after {
								display: block;
							}
						}
					}
				}
			}
			.dbq-radiomark {
				&:after {
					left: 5px;
					top: 5px;
					width: 6px;
					height: 6px;
					background: #fff;
					border-radius: 50%;
				}
			}
		}
		.dbq-radiobox-value {
			span {
				float: left;
				width: 100%;
				padding: 0;
				font-weight: 500 !important;
				font-size: 14px !important;
				line-height: 20px !important;
			}
		}
	}
}
.dbq-radiobox-value {
	float: left;
	width: calc(100% - 30px);
	margin-left: 30px;
}
.dbq-radiomark {
	position: absolute;
	top: 0;
	left: 0;
	height: 20px;
	width: 20px;
	border-radius: 50%;
	&:after {
		content: "";
		position: absolute;
		display: none;
	}
}
.radio,
.radio-inline {
	input[type="radio"] {
		margin: 0;
	}
}