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

.radio-list-control {
	padding: 5px;
	background-color: $modal-input-background;
	border: 2px solid $modal-border-color;
}
.checkbox-list-control {
	padding: 5px;
	background-color: $modal-input-background;
	border: 2px solid $modal-border-color;
	width: 100%;
	float: left;
	border-radius: 0 0 $border-radius-default $border-radius-default;
	.checkbox {
		border: none;
		&:not(:last-child) {
			border-radius: 0;
		}
	}
	&[data-read-only="true"] {
		background-color: $modal-disabled-color;
		border: none;
		padding: 0;
		.checkbox {
			background-color: $modal-disabled-color;
		}
	}
}
form[data-view-mode="View"],
form[data-view-mode="Delete"] {
	.radio-list-select {
		height: 35p;
		padding: 11px 10px 9px;
		background-color: $modal-disabled-color;
        border-color: $modal-disabled-color;
		color: $modal-input-color;
		font-size: $font-size-base;
		font-weight: 600;
		line-height: 20px;
	}
	.checkbox-list-control {
		background-color: $modal-disabled-color;
		border: none;
		padding: 0;
		.checkbox {
			background-color: $modal-disabled-color;
		}
	}
}
.dbq-label-disabled {
	+ {
		.radio-list-select {
			min-height: 35px;
			padding: 11px 10px 9px;
			background-color: $modal-disabled-color;
			color: $modal-input-color;
            border-color: $modal-disabled-color;
			font-size: $font-size-base;
			font-weight: 600;
			line-height: 20px;
			
			.dbq-radio-container {
				label.dbq-radio {
					cursor: not-allowed;
				}
			}
		}
	}
}
.dbq-form {
	.dbq-radio-container {
		label.dbq-radio {
			border: 0;
			background: 0;
			input {
				opacity: 0;
				&:checked {
					~ {
						.dbq-radiomark {
							background-color: $button-background-color;
							border: 2px solid $button-border-color;
						}
					}
				}
			}
			&:hover {
				input {
					~ {
						.dbq-radiomark {
							background-color: $button-background-color;
							border: 2px solid $button-border-color;
						}
					}
				}
			}
			.dbq-radiomark {
				&:after {
					left: 5px;
					top: 5px;
					width: 6px;
					height: 6px;
					background: $modal-input-background;
				}
			}
		}
		.dbq-radiobox-value {
			span {
				color: $modal-input-color;
			}
		}
	}
}
.dbq-radiomark {
	background-color: $modal-input-background;
	border: 2px solid $modal-border-color;
}