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

#classlist {
	.document-class-list-tree {
		.image-container {
			.icon-container {
				svg {
					float: left;
					padding: 4px;
					margin: 0;
				}
			}
		}
	}
	.classlist-toolbar-item {
		svg {
			fill: $modal-input-color;
		}
		&:hover {
			background: $color-primary;
			border: 1px solid $global-border-color;
			svg {
				fill: #fff;
			}
		}
	}
	button.classlist-toolbar-item {
		&:hover {
			&:enabled {
				background: $color-primary !important;
				border: 2px solid $color-primary !important;
				opacity: 1;
				svg {
					fill: #ffffff !important;
				}
			}
		}
	}
}
.dashboard-list-item-remove-overlay {
	svg {
		width: 50px;
		height: 50px;
		position: absolute;
		top: 50%;
		left: 50%;
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		fill: $color-primary;
	}
}
.dashboard-list-add-button-container {
	button {
		svg {
			float: left;
			width: 16px;
			height: 16px;
			margin: 2px 10px 2px 2px;
		}
	}
}
.dashboard-list-remove-button-container {
	button {
		svg {
			float: left;
			width: 16px;
			height: 16px;
			margin: 2px 10px 2px 2px;
		}
	}
}
.document-class-list-filter.checkbox-bottom {
	.cr {
		svg {
			width: 10px;
			height: 10px;
		}
	}
}
button.classlist-toolbar-item {
	svg {
		float: left;
		margin: 0;
		padding: 0;
		width: 20px;
		height: 20px;
	}

	&.classlist-filter-button,
	&.classlist-dashboard-button {
		svg {
			padding: 0;
		}
	}
}
.dbqdclt-dropdown-menu.dropdown-menu {
	li {
		svg {
			display: inline-block;
			float: left;
			margin: 0;
			padding: 2px;
		}
	}
}
.dbqdclt-dropdown-menu {
	li {
		svg {
			display: inline-block;
			margin: 0 10px 0 0;
		}
		&:hover {
			svg {
				fill: #fff;
			}
		}
	}
}

svg {
	&.normal-right-spinner {
		-webkit-animation: spin 1s linear infinite;
		-moz-animation: spin 1s linear infinite;
		animation: spin 1s linear infinite;
	}
}

@-moz-keyframes spin {
	100% {
		-moz-transform: rotate(360deg);
	}
}

@-webkit-keyframes spin {
	100% {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes spin {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}