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

.notification-wrapper {
	display: flex;
	flex-direction: column;
	overflow-y: hidden;
	background-color: var(--notification-body-background-color);
	color: var(--notification-body-font-color);
	margin: 6px;
	font-family: var(--notification-body-font-family);
	cursor: pointer;
	user-select: none;
}

.notification-header {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin: 0 8px 6px;
}

.notification-close {
	align-self: flex-end;
	display: flex;
}

.notification-body {
	display: flex;
	flex-direction: row;
}

.notification-content {
	display: flex;
	flex-direction: column;
	font-size: var(--notification-description-font-size);
}

.notification-title-wrapper {
	display: flex;
	flex-direction: row;
}

.notification-title {
	font-weight: var(--notification-title-font-weight);
	align-self: flex-start;
	display: flex;
	font-size: var(--notification-title-font-size);
	margin-top: 1px;
}

.notification-description {
	margin: 0 10px;
}

.notification-logo {
	background: url("../../img/Finsemble_Taskbar_Icon.png") no-repeat;
	background-color: var(--notification-body-background-color);
	background-size: contain;
	margin-right: 6px;
	width: var(--notification-logo-width);
}

.notification-close .ff-close {
	font-size: 10px;
	padding-top: 2px;
	color: var(--notification-body-font-color);
}

.notification-close .ff-close:hover {
	color: var(--notification-close-icon-hover-color);
}
