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

.dbq-form {
	select {
		&.form-control:not([multiple="multiple"]),
		.form-control.error {
			-moz-appearance: none;
			-webkit-appearance: none;
			-ms-appearance: none;
			-o-appearance: none;
			appearance: none; 
			background: $modal-input-background;
			background-repeat: no-repeat;
			background-image: url("data:image/svg+xml;utf8,<svg fill='%23" + str-slice("#{color(text-color-default)}", 2) + "' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'><g><path d='M10,16L0,6l2-2l8,8l8-8l2,2L10,16z'/></g></svg>");
			background-position-x: calc(100% - 10px);
			background-position-y: 50%;
			background-size: 10px 10px;
			border-radius: 0 0 $border-radius-default $border-radius-default;
			padding-left: 10px;
			color: $modal-input-color;
			padding: 0 30px 0 10px;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}
		.form-control[data-inspect-folder-document-id][data-inspect-add-rule-code=""] {
			border-right: $field-border-width solid $modal-border-color !important;
		}
		.form-control[data-inspect-add-rule-code=""] {
			border-right: 0 !important;
			&:focus {
				border-right: $field-border-width solid $color-primary !important;
				z-index: 890;
			}
		}
	}

	.dbq-select-type-dropdown-tree {
		button.btn-default.dropdown-toggle {
			&:enabled,
			&:disabled {
				border-radius: 0 0 $border-radius-default $border-radius-default !important;
			}
			&:disabled {
				background: $modal-disabled-color !important;
				height: $field-height !important;
				border: $field-border-width solid $modal-disabled-color !important;
				svg {
					fill: $modal-input-color !important;
					width: $svg-icon-size;//20px;
					height: $svg-icon-size;//20px;
				}
			}
		}
	}

	button.btn-default.dropdown-toggle {
		&:enabled {
			border-radius: $border-radius-default;
			padding: $field-single-select-padding-y 10px;
			color: $modal-input-color;
			background: 0;
			svg {
				width: 10px;
				height: 20px;
				padding: 5px 0;
				fill: $color-primary;
			}
		}
	}
	// Note from Jeroen @ 16-07-2024:
	// Turned off the code below as this was used by the old dropdown tree.
	// .multiple-select-rule-single-tree[data-value] {
	// 	&:not([data-value='']) {
	// 		.dbq-select-type-dropdown-tree {
	// 			button.dropdown-toggle {
	// 				border-radius: 0 0 0 $border-radius-default !important;
	// 				border-right-width: $field-border-width !important;
	// 			}
	// 		}
	// 		+ {
	// 			.input-group-btn {
	// 				.multiple-select-rule-single-tree-clear {
	// 					border-radius: 0 0 $border-radius-default 0;
	// 					border-left: 0;
	// 				}
	// 				&:hover {
	// 					.multiple-select-rule-single-tree-clear {
	// 						background: $color-primary;
    // 						color: #fff;
	// 						border: $field-border-width solid $modal-border-color !important;
	// 						border-left: 0 !important;
	// 					}
	// 					svg {
	// 						fill: #fff;
	// 					}
	// 				}
					
	// 			}
	// 		}
	// 	}
	// }
	
}