/**
 * Flash message
 */
.flash_message
{
	text-align: left;
	position: fixed;
	background: #D3F3AE;    
	color: rgb(10, 10, 78);
	z-index: 9999;	
	bottom: 15px;
	left: 15px;
	overflow: hidden;
	min-width: 250px;
}

/** style for mobile */
body.mobile .flash_message
{
	width: 90%;
	left: 5%;
	bottom: 1em;
	top: auto;
	right: auto;
	min-width: 0;
	 -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    border-radius: 1em;
	-moz-opacity: 0.95;
	opacity: 0.95;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=95);

}

body.mobile.tablet .flash_message
{
	left: 1em;
	bottom: 1em;
	width: 40%;
}

.flash_message > div.head
{
    padding: 15px;
    font-size: 120%;
    font-weight: bold;
    background: #C3F58D;
    border-bottom: 1px solid #A3CE73;
    background-image: url('../images/info_16_black.png');
    background-repeat: no-repeat;
    background-position: 15px 50%;
    padding-left: 35px;
}

.flash_message > div.body
{
    padding: 15px;
}

.flash_message.error
{
    background: #f9893e;
    color: white;
    border: none;
}

.flash_message.error > div.head
{
    background: #f6691c;
    border-bottom: 1px solid #D85913;
}

.flash_message.error > div.head
{
    background-image: url('../images/warning_16_white.png');
    background-repeat: no-repeat;
    background-position: 15px 50%;
    padding-left: 40px;
}

body.mobile .flash_message > div.head
{
	padding: 1em;
	padding-left: 3.5em !important;
	background-size: 2em;
	background-position: 1em 50%;
	background-image: url('../images/mobile/info.svg');
}

body.mobile .flash_message.error > div.head
{
	background-image: url('../images/mobile/warning.svg');
}

body.mobile .flash_message > div.body
{
	padding: 1.5em 1em;
}