#noticer {
	background-color: rgba(0,0,0,1);
	box-sizing:border-box;
	border: 1px solid rgba(130, 130, 130, 1);
	border-radius:7px;
	display:none;
	max-width:480px;
	opacity:.85;
	overflow:hidden;
	position:fixed;
	top:10px;
	right:10px;
	z-index: 2000;

					transition:opacity .2s ease-in-out,color 1s ease-in-out;
		   -o-transition:opacity .2s ease-in-out,color 1s ease-in-out;
			-ms-transition:opacity .2s ease-in-out,color 1s ease-in-out;
		 -moz-transition:opacity .2s ease-in-out,color 1s ease-in-out;
	-webkit-transition:opacity .2s ease-in-out,color 1s ease-in-out;

	-webkit-user-select:none;
	 -khtml-user-select:none;
		 -moz-user-select:none;
			-ms-user-select:none;
			 -o-user-select:none;
					user-select:none;

}

#noticer > span{
	border-radius:50%;
	box-sizing:border-box;
	color: rgba(240,240,240,1);
	cursor:pointer;
	display: block;
	float:right;
	font-size:30px;
	font-weight:bold;
	line-height:40px;
	height:40px;
	width:40px;
	text-align:center;
}

#noticer > span:hover {
	color: rgb(221, 30, 30);

					transition:text-shadow .2s ease-in-out,color .2s ease-in-out;
		   -o-transition:text-shadow .2s ease-in-out,color .2s ease-in-out;
			-ms-transition:text-shadow .2s ease-in-out,color .2s ease-in-out;
		 -moz-transition:text-shadow .2s ease-in-out,color .2s ease-in-out;
	-webkit-transition:text-shadow .2s ease-in-out,color .2s ease-in-out;

}

#noticer > span:active{
	text-shadow: 0 0 3px rgba(221, 30, 30,1),
							 0 0 3px rgba(221, 30, 30,1),
							 0 0 3px rgba(221, 30, 30,1),
							 0 0 3px rgba(221, 30, 30,1);

  -webkit-transition:text-shadow 0s ease-in-out,color 0s ease-in-out;
     -moz-transition:text-shadow 0s ease-in-out,color 0s ease-in-out;
      -ms-transition:text-shadow 0s ease-in-out,color 0s ease-in-out;
       -o-transition:text-shadow 0s ease-in-out,color 0s ease-in-out;
          transition:text-shadow 0s ease-in-out,color 0s ease-in-out;
}

#noticer > div{
	box-sizing:border-box;
	color: rgba(240,240,240,1);
	font-size:20px;
	font-weight:bold;
	line-height:1.2em;
	text-align:left;
	padding:10px;

	-webkit-transition:color .5s ease-in-out;
	   -moz-transition:color .5s ease-in-out;
	    -ms-transition:color .5s ease-in-out;
	     -o-transition:color .5s ease-in-out;
	        transition:color .5s ease-in-out;
}

#noticer:hover {
	opacity:1 !important;
}

#noticer.error,
#noticer.success {
	display:block;
}

#noticer.success > div {
	color:rgba(0,230,0,1);
}

#noticer.error > div {
	color:rgba(255,0,0,1);
}