@import "../../assets/sass/core/vars.scss";
.notification-gtc-rc-container {
	box-sizing: border-box;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 999999;
	width: 320px;
	padding: 0px 15px;
	max-height: calc(100% - 30px);
	overflow-x: hidden;
	overflow-y: auto;
}
.notification-gtc-rc {
	box-sizing: border-box;
	padding: 15px 15px 15px 58px;
	border-radius: 2px;
	cursor: pointer;
	font-size: 1em;
	line-height: 1.2em;
	position: relative;
	opacity: 0.9;
	margin-top: 15px;
}
.notification-gtc-rc .title {
	font-size: 1em;
	line-height: 1.2em;
	font-weight: bold;
	margin: 0 0 5px 0;
}
.notification-gtc-rc:hover,
.notification-gtc-rc:focus {
	opacity: 1;
}
.notification-gtc-rc-enter {
	visibility: hidden;
	transform: translate3d(100%, 0, 0);
}
.notification-gtc-rc-enter.notification-gtc-rc-enter-active {
	visibility: visible;
	transform: translate3d(0, 0, 0);
	transition: all 0.4s;
}
.notification-gtc-rc-leave {
	visibility: visible;
	transform: translate3d(0, 0, 0);
}
.notification-gtc-rc-leave.notification-gtc-rc-leave-active {
	visibility: hidden;
	transform: translate3d(100%, 0, 0);
	transition: all 0.4s;
}
.notification-gtc-rc {
	border-radius: $default-border-radius;
	padding: 25px 25px 25px 25px;
}
.notification-gtc-rc:before {
	content: '';
	display: none;
}
.notification-gtc-rc-primary {
	color: $color-primary;
	background-color: $color-dark;
	border: 1px solid $color-primary;
	opacity: 1;
	.notification-gtc-rc-message {
		.title {
			color: $color-primary;
		}
		.message {
			color: $color-primary;
		}
	}
	&.filled {
		color: $color-dark;
		background-color: $color-primary;
		.notification-gtc-rc-message {
			.title {
				color: $color-dark;
			}
			.message {
				color: $color-dark;
			}
		}
	}
}
.notification-gtc-rc-info {
	color: $info-color;
	background-color: $color-dark;
	border: 1px solid $info-color;
	opacity: 1;
	.notification-gtc-rc-message {
		.title {
			color: $info-color;
		}
		.message {
			color: $color-gray;
		}
	}
	&.filled {
		color: $color-dark;
		background-color: $info-color;
		.notification-gtc-rc-message {
			.title {
				color: $color-dark;
			}
			.message {
				color: $color-dark;
			}
		}
	}
}
.notification-gtc-rc-success {
	color: $success-color;
	background-color: $color-dark;
	border: 1px solid $success-color;
	opacity: 1;
	.notification-gtc-rc-message {
		.title {
			color: $success-color;
		}
		.message {
			color: $color-gray;
		}
	}
	&.filled {
		color: $color-dark;
		background-color: $success-color;
		.notification-gtc-rc-message {
			.title {
				color: $color-dark;
			}
			.message {
				color: $color-dark;
			}
		}
	}
}
.notification-gtc-rc-warning {
	color: $warning-color;
	background-color: $color-dark;
	border: 1px solid $warning-color;
	opacity: 1;
	.notification-gtc-rc-message {
		.title {
			color: $warning-color;
		}
		.message {
			color: $color-gray;
		}
	}
	&.filled {
		color: $color-dark;
		background-color: $warning-color;
		.notification-gtc-rc-message {
			.title {
				color: $color-dark;
			}
			.message {
				color: $color-dark;
			}
		}
	}
}
.notification-gtc-rc-error {
	color: $error-color;
	background-color: $color-dark;
	border: 1px solid $error-color;
	opacity: 1;
	.notification-gtc-rc-message {
		.title {
			color: $error-color;
		}
		.message {
			color: $color-gray;
		}
	}
	&.filled {
		color: $color-dark;
		background-color: $error-color;
		.notification-gtc-rc-message {
			.title {
				color: $color-dark;
			}
			.message {
				color: $color-dark;
			}
		}
	}
}
