.x-message-box-warning {
    background-image: url(../img/msg/warning.png) !important;
}

.x-message-box-critical {
    background-image: url(../img/msg/critical.svg) !important;
    background-repeat: no-repeat;
}

.msg {
	font-size: 14px;
}

#msg-div {
	top: 10px;
	right: 10px;
	width: 330px;
	z-index: 20000;
	position: absolute;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#msg-div .msg {
	color: #bebebe;
	padding: 10px 15px;
	background: #2b2b2b;
	border: 2px solid #99bce8;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: #979797 0 0 6px;
    -moz-box-shadow: #979797 0 0 6px;
    -webkit-box-shadow: #979797 0 0 6px;
    overflow-wrap: break-word;
}

#msg-div .info {
	border-color: #2a99ff;
	padding: 10px 15px 10px 50px;
	background: #2b2b2b url(../img/msg/info.png) no-repeat 15px 15px;
}

#msg-div .error {
	border-color: #ff0404;
	padding: 10px 15px 10px 50px;
	background: #2b2b2b url(../img/msg/error.png) no-repeat 15px 15px;
}

#msg-div .success {
	border-color: #189a04;
	padding: 10px 15px 10px 50px;
	background: #2b2b2b url(../img/msg/success.png) no-repeat 15px 15px;
}

#msg-div .msg h3 {

	font-size: 15px;	
	margin: 0 0 8px;
	color: #bebebe;
	font-weight: bold;
}

#msg-div .msg p {
	margin: 0;
}