body > div.uwt-alert-container
{
	position: fixed;
	right: 32px;
	top: 32px;
	
	min-width: 320px;
	z-index: 100;
}

div.uwt-alert
{
	margin-left: auto;
	margin-bottom: 8px;
	position: relative;
	transition: all 0.5s, scale 0.3s;
	right: 0px;
	width: 600px;

	&.uwt-collapsible
	{
		scale: 0.8;
		&:not(.uwt-collapsed), &:hover
		{
			scale: 1.0;
		}
		&> div.uwt-icon
		{
			cursor: pointer;
		}
		&> div.uwt-title
		{
			padding: 16px;
		}
	}
	&:not(.uwt-collapsed)
	{
		&> div.uwt-icon
		{
			float: left;
		}
		&> div.uwt-badge
		{
			display: none;
		}
	}
	&.uwt-collapsed
	{
		&> div.uwt-badge
		{
			color: #000;
			position: absolute;
			margin-left: 8px;
			padding: 8px;
			font-size: 14pt;
			right: 8px;
			bottom: 8px;
		}
		width: 64px;
		&> div.uwt-content, &> div.uwt-title
		{
			display: none;
		}
	}

	&> div.uwt-title
	{
		font-weight: bold;
		padding-bottom: 16px;
	}
	&> div.uwt-content
	{
		max-height: 200px;
		overflow: clip;
		overflow-y: scroll;
	}

	&.uwt-disabled
	{
		&> div.uwt-badge
		{
			display: none;
		}
	}
}