#notifier{
	position: fixed;
	display: block;

	font-family: 'roboto', Arial, sans-serif;
	font-size: 13px;
	color: #000000;
}

.notif{
	position: relative;
	width: 300px;
	min-height: 80px;
    float: left;
    height:100% !important;

	padding: 10px;
	-webkit-box-shadow: 0px 1px 3px #1b1b1b;
	-moz-box-shadow: 	0px 1px 3px #1b1b1b;
	box-shadow: 		0px 1px 3px #1b1b1b;
	z-index: 9000;
}

.notif .text{
	float: left;
    clear:right;
	margin-left: 10px;
	width: 70%;
}

.notif .text h5{
	font-size: 18px;
	font-weight: bold;
}

.notif .text p{
	margin-top: 5px;
}

.notif .close{
	position: absolute;
	top: -10px;
	right: -20px;

	background: url('../images/close.png') no-repeat;
	width: 24px;
	height: 24px;
	float: right;
	z-index: 9999;
}

.notif .close:hover{
	cursor: pointer;
}

/** Notification of Error **/

.notif.error{
	background-color: #f2dede;
	border: 2px solid #fff;
    clear:right;
}

.notif.error .icon{
	background: url('../images/error.png') no-repeat;
	width: 48px;
	height: 48px;
	float: left;
}

/** Notification of Warning **/

.notif.warning{
	background-color: rgba(253, 233, 125, 0.9);
	border: 2px solid #fff;
    clear:right;
}

.notif.warning .icon{
	background: url('../images/warning.png') no-repeat;
	width: 48px;
	height: 48px;
	float: left;
}

/** Notification of Success **/

.notif.success{
	background-color: rgba(223, 240, 216, 0.9);
	border: 2px solid #fff;
    clear:right;
}

.notif.success .icon{
	background: url('../images/sucess.png') no-repeat;
	width: 48px;
	height: 48px;
	float: left;
}

/** Notification of Info **/

.notif.info{
	background-color: rgba(179, 198, 219, 0.9);
	border: 2px solid #fff;
    clear:right;
}

.notif.info .icon{
	background: url('../img/info.png') no-repeat;
	width: 48px;
	height: 48px;
	float: left;
}