/* NOTY */
.notify {
	z-index: 1000 !important;
}

.notification {
	background-color: #b0bec5;
	color: #555;
	padding: 10px;
	border-radius: 3px;
	font-family: var(--font-family);
	font-weight: 400;
	text-align: center;
}

.notification-info {
	background-color: #1976d2;
	color: var(--N-0);
	padding: 10px;
	border-radius: 3px;
	font-family: var(--font-family);
	font-weight: 400;
	text-align: center;
	display: flex;
	flex-direction: row-reverse;
	& > div {
		flex-grow: 1;
	}
}

.notification-error {
	background-color: #d32f2f;
	color: var(--N-0);
	padding: 10px;
	border-radius: 3px;
	font-family: var(--font-family);
	font-weight: 400;
	text-align: center;
	display: flex;
	flex-direction: row-reverse;
	& > div {
		flex-grow: 1;
	}
}

.notification-warning {
	background-color: #f9a825;
	color: black;
	padding: 10px;
	border-radius: 3px;
	font-family: var(--font-family);
	font-weight: 400;
	text-align: center;
	display: flex;
	flex-direction: row-reverse;
	& > div {
		flex-grow: 1;
	}
}

.notification-success {
	background-color: #43a047;
	color: var(--N-0);
	padding: 10px;
	border-radius: 3px;
	font-family: var(--font-family);
	text-align: center;
	display: flex;
	flex-direction: row-reverse;
	& > div {
		flex-grow: 1;
	}
}

.pui9noty {
	display: flex;
	flex-direction: row;
	flex-grow: 1;
	word-wrap: break-word;
	word-break: break-word;
	&__leftpanel {
		width: 15px;
		font-size: 17px;
		display: table;
		& span {
			display: table-cell;
			vertical-align: middle;
			text-align: center;
		}
	}
	&__bodypanel {
		padding-left: 10px;
		min-height: 40px;
		max-height: 200px;
		min-width: 120px;
		flex-grow: 1;
		display: table;
		&__title {
			word-wrap: normal;
			text-align: left;
			font-weight: bold;
			font-size: 14px;
			display: table-row;
			vertical-align: middle;
		}
		&__message {
			margin-top: 2px;
			word-wrap: normal;
			text-align: left;
			font-size: 13px;
			display: table-cell;
			vertical-align: middle;
		}
	}
	&__closepanel {
		width: 15px;
		font-size: 22px;
		cursor: pointer;
		& span {
		}
	}
}