//@import "../../../abstracts/abstracts";

#classlist.class-list-developer-tools {
	.dbqdt-loading-view-container {
		border-radius: $border-radius-default;
	}
}

#classlist-developer-tools {
	margin-top: -15px !important;
	height: calc(100% + 30px);
	width: 100%;
	padding: 0 !important;
	.dbqdt-tool-container {
		select {
			min-height: 30px;
		}
	}
	#dbqdt-sidebar-container-folded {
		@include border-radius($sidebar-tile-border-radius);
		background: $sidebar-tile-background;
		text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.10);
		margin-top: 10px;
		overflow-x: hidden;
		height: calc(100% - 20px);

		button {
			&:hover {
				svg {
					fill: $color-primary;
				}
			}
		}
		.dbqdt-sidebar-folded-tools,
		.dbqdt-sidebar-folded-windows {
			button {
				margin: 8px;
			}
		}
	}
	#dbqdt-sidebar-container {
		@include border-radius($sidebar-tile-border-radius);
		background: $sidebar-tile-background;
		text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.10);
		margin-top: 10px;
		height: calc(100% - 20px);

		#accordion-sidebar {
			.card-header {
				background: unset;
			}
			button {
				&:hover {
					.accordion-title {
						color: $color-primary !important;
					}
					svg {
						fill: $color-primary;
					}
				}
			}
		}
		.dbqdt-sidebar-minimize {
			border: 0;
			background: 0;
			span {
				color: $sidebar-tile-text-color;
			}
			&:hover {
				background-color: unset;
				background: unset;
				border-color: transparent;
				color: $color-primary;
				span {
					color: $color-primary;
				}
				svg {
					fill: $color-primary;
				}
			}
		}
	}

	.class-list-developer-tools {
		button {
			&:hover {
				background-color: unset;
				background: unset;
				border-color: transparent;
				color: $color-primary;
			}
		}
	}
	.dbq-developer-tools {
		.window-highlight {
			border-color: $color-primary !important
		}
		.table {
			tr {
				td,
				th {
					color: color(text-color-default);
				}
				&:hover {
					td,
					th {
						color: $color-white;
					}
				}
				&.dbqdt-active {
					td,
					th {
						color: #000000;
					}
				}
			}
		}
	}
	.dbqdt-table-active-tools-tbody {
		.dbqdt-table-active-tools-row {
			&:hover {
				.dbqdt-table-active-tools-cell-window {
					color: $color-primary;
					fill: $color-primary;
				}
				.dbqdt-table-active-tools-cell-icon {
					svg {
						color: $color-primary;
						fill: $color-primary;
					}
				}
				.dbqdt-table-active-tools-cell-tool {
					span.dbqdt-active-tools-text {
						color: $color-primary;
						fill: $color-primary;
					}
				}
			}
		}
	}

	.dbqdt-list-item-container {
		.dbqdt-list-text {
			&:hover {
				background: none;
				background-color: none;
			}
		}
	}
}

.class-list-developer-tools {
	#dbq-document-class-list-breadcrumbs {
		display: none;
	}
	.classlist-container {
		padding: 0;
	}
	#accordion-sidebar {
		background: unset;
		.card {
			background: unset;
			.card-body {
				button {
					height: 50px;
					border: 0;
					background: 0;
				}
			}
		}
	}
}

#content {
	select {
		padding: 6px 7px 7px !important;
	}
}



.dbqdt-modal-select-wrapper {
	.dbqdt-add-modal-rule-id-select {
		border-radius: 10px !important;
	}
	select {
		option {
			background: $select-option-background !important;
		}
	}
}

.dbqdt-hover {
	background: $color-primary;
	span.dbqdt-list-icon {
		svg {
			fill: $color-white !important;
		}
	}
}

#content-wrapper {
	.dbqdt-tool-buttons {
		button {
			svg {
				width: $svg-icon-size;//20px;
				height: $svg-icon-size;//20px;
			}
		}
		.switch-toggle {
			label {
				transition: none;
			}
		}
	}
}