.sweetnoti{
	display:none;
	z-index:20;
}
.sweetnoti-notification{
	position:fixed;
	top:25px;
	right:25px;
}
.sweetnoti-notification p{
	margin:0px;
}
.sweetnoti-container{
	padding:15px 25px;
	border-radius:3px;
	color: #fff;
	box-shadow: 0 7px 14px 0 rgba(50,50,93,.1), 0 3px 6px 0 rgba(0,0,0,.07);
}
.sweetnoti-container:before{
	font-family: FontAwesome;
    position: absolute;
    top: 0px;
    left: -50px;
    bottom: 0px;
    width: 50px;
    line-height: 18px;
    font-size: 30px;
    padding-top: 16px;
    border-radius: 3px 0 0 3px;
    text-align: center;
	box-shadow: 0 7px 14px 0 rgba(50,50,93,.1), 0 3px 6px 0 rgba(0,0,0,.07);
}
.sweetnoti-container:after{
	font-family: FontAwesome;
	content: '\f00d';
	position: absolute;
    top: -2px;
    right: 6px;
	opacity: 0;
	cursor:pointer;
}
.sweetnoti-container:hover:after{
	opacity: 1;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
  
}


.sweetnoti-warning:before{
	content: '\f071';
	background-color:#f9a938;
	color: #fff;
	border: 1px solid #f9a938;
}
.sweetnoti-warning{
	background-color: #f9a938;
	border-color: #f9a938;
}

.sweetnoti-error:before{
	content: '\f071';
	background-color:#ca5e59;
	color: #fff;
	border: 1px solid #ca5e59;
}
.sweetnoti-error{
	background-color: #ca5e59;
	border-color: #ca5e59;
}

.sweetnoti-info:before{
	content: '\f059';
	background-color:#6fb6e5;
	color: #fff;
	border: 1px solid #6fb6e5;
}
.sweetnoti-info{
	background-color: #6fb6e5;
	border-color: #6fb6e5;
}

.sweetnoti-success:before{
	content: '\f058';
	background-color:#2fac76;
	color: #fff;
	border: 1px solid #2fac76;
}
.sweetnoti-success{
	background-color: #2fac76;
	border-color: #2fac76;
}