/* system messages */
.system_messages {
	margin: 0px auto;
	z-index:11102 !important;
	position:fixed;
	display:inline-block;
	top: 0;
	left:28%;
	width:44%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.system_messages a {
	font-size:14px;
	color:#fff;
}
.system_messages .warning,
.system_messages .error,
.system_messages .info {
	text-align:center;
	font-size:15px;
	padding:9px 50px;

	-moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 10px rgba(0,0,0,0.25);

	-webkit-border-bottom-right-radius: 2px;
	-webkit-border-bottom-left-radius: 2px;
	-moz-border-radius-bottomright: 2px;
	-moz-border-radius-bottomleft: 2px;
	border-bottom-right-radius: 2px;
	border-bottom-left-radius: 2px;

	color:#fff;
	position:relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	line-height:1.2;
	margin:-1px 0;
	}
.system_messages .warning {
	background:#FBC02D url(../admin/images/system-messages-warn.png) no-repeat 5px 5px;
	color:rgba(0,0,0,0.8);
}
.system_messages .error {
	background:#F44336 url(../admin/images/system-messages-x.png) no-repeat 5px 5px;
}
.system_messages .info {
	background:#4CAF50 url(../admin/images/system-messages-ok.png) no-repeat 5px 5px;
}

.systemMessageButtons {
	float:right;
	padding-right:5px;
	font-size:13px;
	font-weight: bold;
	text-decoration: none;
	margin-top:-4px;
	position: absolute;
	top: 14px;
	right: 4px;
	opacity:0.8;
}

.systemMessageButtons a {
	margin-left: 5px;
}

.system_messages .message a.pinSystemMessage .icon {
	transition: transform 0.3s;
}

.system_messages .message.pinned a.pinSystemMessage {
	color:#FFFF00;
}
.system_messages .message.pinned a.pinSystemMessage .icon {
	transform: rotateZ(-45deg) scale(1.2,1.2);
	text-shadow: 0px 0px 1px #333;
}

.systemMessageCount {
	font-style: italic;
	font-weight: bold;
	position: absolute;
	left: 35px;
}

.systemMessageCount:before {
	content: ' (x';
}

.systemMessageCount:after {
	content: ') ';
}
.systemMessageButtons a:hover {
	color:#333;
	opacity: 1;
}