
#gritter-notice-wrapper {
	position:fixed;
	top:20px;
	right:20px;
	width:301px;
	z-index:9999;
}
#gritter-notice-wrapper.top-left {
	left: 20px;
	right: auto;
}
#gritter-notice-wrapper.bottom-right {
	top: auto;
	left: auto;
	bottom: 20px;
	right: 20px;
}
#gritter-notice-wrapper.bottom-left {
	top: auto;
	right: auto;
	bottom: 20px;
	left: 20px;
}
.gritter-item-wrapper {
	position:relative;
	margin:0 0 10px 0;

}

.gritter-item {
	display:block;

	color:#eee;
	padding:2px 11px 8px 11px;
	font-size: 11px;

}
.hover .gritter-item {
	background-position:right -40px;
}
.gritter-item p {
	padding:0;
	margin:0;
	word-wrap:break-word;
}
.gritter-close {
	display:none;
	position:absolute;
	top:5px;
	left:3px;

	cursor:pointer;
	width:30px;
	height:30px;
	text-indent:-9999em;
}
.gritter-title {
	font-size:14px;
	font-weight:bold;
	padding:0 0 7px 0;
	display:block;
}
.gritter-image {
	width:48px;
	height:48px;
	float:left;
}
.gritter-with-image,
.gritter-without-image {
	padding:0;
}
.gritter-with-image {
	/*width:220px;*/
	float:right;
}
/* for the light (white) version of the gritter notice */
.gritter-light .gritter-item,
.gritter-light .gritter-bottom,
.gritter-light .gritter-top,
.gritter-light .gritter-close {

	color: #222;
}
.gritter-light .gritter-title {
	text-shadow: none;
}
#gritter-notice-wrapper {
	position: fixed;
	top: 20px;
	right: 20px;
	width: 301px;
	z-index: 9999;
}
#gritter-notice-wrapper.top-left {
	left: 20px;
	right: auto;
}
#gritter-notice-wrapper.bottom-right {
	top: auto;
	left: auto;
	bottom: 20px;
	right: 20px;
}
#gritter-notice-wrapper.bottom-left {
	top: auto;
	right: auto;
	bottom: 20px;
	left: 20px;
}
#gritter-notice-wrapper .gritter-item-wrapper {
	position: relative;
	margin: 0 0 10px 0;
}
#gritter-notice-wrapper .gritter-item-wrapper .gritter-item {
	display: block;
	background: #657791;
	border: 1px solid #455264;
	color: #ffffff;
	padding: 10px 11px;
	font-size: 12px;
	border-radius: 3px;
	transition: all;
	transition: all all ease-out;
	transition-duration: 0.4s;
}
#gritter-notice-wrapper .gritter-item-wrapper .gritter-item:hover {
	background: #72849e;
}
#gritter-notice-wrapper .gritter-item-wrapper .gritter-item p {
	padding: 0;
	margin: 0;
	word-wrap: break-word;
	line-height: 16px;
	font-size: 12px;
	margin-top: 5px;
}
#gritter-notice-wrapper .gritter-item-wrapper .gritter-item .gritter-close {
	position: absolute;
	top: 5px;
	right: 7px;
	cursor: pointer;
}
#gritter-notice-wrapper .gritter-item-wrapper .gritter-item .gritter-close i {
	font-size: 16px;
	color: #ffffff;
	transition: background;
	transition: all background ease-out;
	transition-duration: 0.4s;
}
#gritter-notice-wrapper .gritter-item-wrapper .gritter-item .gritter-close:hover i {
	color: #f7f7f7;
}
#gritter-notice-wrapper .gritter-item-wrapper .gritter-item .gritter-image {
	width: 48px;
	height: 48px;
	float: left;
	border-radius: 3px;
}
#gritter-notice-wrapper .gritter-item-wrapper .gritter-item .gritter-icon {
	margin-top: 0;
	margin-right: 15px;
	float: left;
	font-size: 32px;
	padding-bottom: 10px;
}
#gritter-notice-wrapper .gritter-item-wrapper .gritter-item .gritter-with-image {
	width: 100%;
	float: right;
	padding: 0;
}
#gritter-notice-wrapper .gritter-item-wrapper .gritter-item .gritter-without-image {
	padding: 0;
	/*margin-bottom: 10px;*/
}
#gritter-notice-wrapper .gritter-item-wrapper .gritter-item .gritter-title {
	font-size: 14px;
	font-weight: bold;
	padding: 0;
	display: block;
}
#gritter-notice-wrapper .gritter-item-wrapper.success-notice .gritter-item {
	color: #2ca768;
	background: #effff3;
	border: 1px solid #2ca768;
}
#gritter-notice-wrapper .gritter-item-wrapper.success-notice .gritter-item:hover {
	background: #c7f2ee;
}
#gritter-notice-wrapper .gritter-item-wrapper.success-notice .gritter-item .gritter-close i {
	color: #0a776c;
}
#gritter-notice-wrapper .gritter-item-wrapper.success-notice .gritter-item .gritter-close:hover i {
	color: #09695f;
}
#gritter-notice-wrapper .gritter-item-wrapper.info-notice .gritter-item {
	color: #2a6891;
	background: #cfebff;
	border: 1px solid #94bedb;
}
#gritter-notice-wrapper .gritter-item-wrapper.info-notice .gritter-item:hover {
	background: #e9f6ff;
}
#gritter-notice-wrapper .gritter-item-wrapper.info-notice .gritter-item .gritter-close i {
	color: #2a6891;
}
#gritter-notice-wrapper .gritter-item-wrapper.info-notice .gritter-item .gritter-close:hover i {
	color: #275f85;
}
#gritter-notice-wrapper .gritter-item-wrapper.error-notice .gritter-item {
	color: #eee;
	background: #fb6340;
	border: 1px solid #fff;
}
#gritter-notice-wrapper .gritter-item-wrapper.error-notice .gritter-item:hover {
	background: #fb7050;
}
#gritter-notice-wrapper .gritter-item-wrapper.error-notice .gritter-item .gritter-close i {
	color: #933230;
}
#gritter-notice-wrapper .gritter-item-wrapper.error-notice .gritter-item .gritter-close:hover i {
	color: #872e2c;
}

#gritter-notice-wrapper.wcookie{
	margin-bottom: 160px;
}

#gritter-notice-wrapper p{
	color: #eee;
}

#gritter-notice-wrapper .success-notice p{
	color: #2ca768;
}

