/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the Source EULA. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-workbench > .notifications-center {
	position: absolute;
	z-index: 1000;
	right: 8px;
	bottom: 31px;
	display: none;
	overflow: hidden;
	border-radius: 4px;
}

.monaco-workbench.nostatusbar > .notifications-center {
	bottom: 8px;
}

.monaco-workbench > .notifications-center.visible {
	display: block;
}

/* Header */

.monaco-workbench > .notifications-center > .notifications-center-header {
	display: flex;
	align-items: center;
	padding-left: 8px;
	padding-right: 5px;
	height: 35px;
}

.monaco-workbench > .notifications-center > .notifications-center-header > .notifications-center-header-title {
	text-transform: uppercase;
	font-size: 11px;
}

.monaco-workbench > .notifications-center > .notifications-center-header > .notifications-center-header-toolbar {
	flex: 1;
}

.monaco-workbench > .notifications-center > .notifications-center-header > .notifications-center-header-toolbar .actions-container {
	justify-content: flex-end;
}

.monaco-workbench > .notifications-center .notifications-list-container .monaco-list-row[data-last-element="false"] > .notification-list-item {
	border-bottom: 1px solid var(--vscode-notifications-border);
}

.monaco-workbench > .notifications-center .notifications-list-container,
.monaco-workbench > .notifications-center .notifications-list-container .monaco-scrollable-element,
.monaco-workbench > .notifications-center .notifications-list-container .notification-list-item {
	border-radius: 0;
}

/* Icons */

.monaco-workbench > .notifications-center .codicon.codicon-error {
	color: var(--vscode-notificationsErrorIcon-foreground) !important;
}

.monaco-workbench > .notifications-center .codicon.codicon-warning {
	color: var(--vscode-notificationsWarningIcon-foreground) !important;
}

.monaco-workbench > .notifications-center .codicon.codicon-info {
	color: var(--vscode-notificationsInfoIcon-foreground) !important;
}
