/*!
 * favorites.css
 * Copyright 2017 - 2020 by ChartIQ, Inc.
 * All rights reserved.
 */

.finsemble-toolbar-button:hover {
	background: var(--menu-content-hover-color);
	outline: none;
}

.finsemble-toolbar-button-label {
	white-space: nowrap;
}

.rearrange-region div {
	cursor: pointer;
}

#toolbar-delete {
	visibility: visible;
	font-size: 8px;
	padding-right: 4px;
	padding-top: 4px;
	margin-left: 1em;
	color: var(--toolbar-favorite-delete-icon);
}

#toolbar-delete:hover {
	color: var(--toolbar-favorite-delete-icon-hover);
}

/* All the .gu-* styles are used by Dragula to make reordering a component beautiful */

/* The mirror of the item that's being dragged */
.gu-mirror {
	/* We don't want to see the mirror of the dragged component */
	opacity: 0;
}

/* The item that's being dragged */
.gu-transit {
	opacity: 0.2;
	filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: opacity(20%);
}

#favoritesContainer {
	overflow: hidden;
	display: flex;
	flex-direction: row;
	align-content: center;
	align-items: stretch;
}
