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

.active-workspace > div {
	font-weight: var(--menu-active-workspace-font-weight);
	color: var(--menu-active-workspace-font-color);
}

.workspace-name {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	position: relative;
}

.workspace-menu-list {
	padding-top: 4px;
}

.fsbl-loader {
	font-size: 10px;
	margin: 10px 10px 10px 1px;
	text-indent: -9999em;
	width: 10px;
	height: 10px;
	top: -7px;
	border-radius: 50%;
	background: linear-gradient(to right, #fff 10%, rgb(255 255 255 / 0%) 42%);
	position: relative;
	animation: load3 1.4s infinite linear;
	transform: translateZ(0);
}

.fsbl-loader::before {
	width: 50%;
	height: 50%;
	background: #fff;
	border-radius: 100% 0 0;
	position: absolute;
	top: 0;
	left: 0;
	content: "";
}

.fsbl-loader::after {
	background: #303d47;
	width: 75%;
	height: 75%;
	border-radius: 50%;
	content: "";
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

@keyframes load3 {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

@keyframes load3 {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}
