div.alert-top
{
	padding:		15px;
	padding-top:	3px;
	padding-bottom:	3px;
}
div.alert-top i.fa
{
	margin-right:	5px;
	float:			left;
	margin-top:		5px;
}

div.alert-top > button.close
{
	margin-right:	-3px;
	margin-left:	30px;
	margin-top:		2px;
}

div.alert-top > button.fa.fa-caret-up, button.fa.fa-caret-down
{
	margin-right:	-3px;
	font-size:		20px;
	border:			2px solid transparent;
	background:		transparent;
	margin-top:		0;
	color:			#666;
}

div.alert-bottom
{
	padding:		15px;
	padding-top:	10px;
	padding-bottom:	12px;
}

span.alert-msg
{
	margin-right:	15px;
	float:			left;
	margin-top:		3px;
	margin-left:	6px;
	max-width:		100%;
}
@media screen and (max-width: 600px) 
{    
	span.alert-msg
	{
		max-width:	400px !important;
		margin-top:	2px !important;
		font-size:	15px !important;
	}
}
@media screen and (max-width: 566px)
{
	span.alert-msg
	{
		max-width:	300px !important;
		margin-top:	2px !important;
		font-size:	15px !important;
	}
}
@media screen and (max-width: 490px)
{
	span.alert-msg
	{
		max-width:	260px !important;
		margin-top:	2px !important;
		font-size:	15px !important;
	}
}
@media screen and (max-width: 450px)
{
	span.alert-msg
	{
		max-width:	227px !important;
		margin-top:	2px !important;
		font-size:	15px !important;
	}
}
@media screen and (max-width: 410px)
{
	span.alert-msg
	{
		max-width:	210px !important;
		margin-top:	2px !important;
		font-size:	15px !important;
	}
}
@media screen and (max-width: 390px)
{
	span.alert-msg
	{
		max-width:	190px !important;
		font-size:	14px !important;
	}
}
@media screen and (max-width: 370px)
{
	span.alert-msg
	{
		max-width:	180px !important;
		font-size:	14px !important;
	}
}
@media screen and (max-width: 360px)
{
	span.alert-msg
	{
		max-width:	165px !important;
		font-size:	14px !important;
	}
}
@media screen and (max-width: 350px)
{
	span.alert-msg
	{
		max-width:	155px !important;
		font-size:	14px !important;
	}
}