/* CSS Document */

.sxx-popmsg-wrapper {
	position: fixed;
	top: 64px;
	right: 0px;
	padding: 0;
	width: 400px;
	z-index:39;
}

.sxx-popmsg-item {
	margin: 4px 4px;
	background-color: #bfede1;
	position:relative;
	z-index:39;
}
	.sxx-popmsg-item.sxx-popmsg-alert {
		background-color: #edcad1;
	}

	.sxx-popmsg-item:hover {
		box-shadow: -4px 0px 4px 0px rgba(32, 162, 51, 0.2);
	}
	
.sxx-popmsg-item-content-title {
	font-size:18px;
	padding:4px 8px 0 8px;
	color: #284B75;
	text-transform:capitalize;
}
.sxx-popmsg-item-content-detail {
	padding: 0px 32px 4px 8px;
	color: #456087;
	font-size: 95%;
}

	.sxx-popmsg-item.sxx-popmsg-alert .sxx-popmsg-item-content-title, .sxx-popmsg-item.sxx-popmsg-alert .sxx-popmsg-item-content-detail {
		color:#a94442;
	}

.sxx-popmsg-item-content-buttons {
	padding: 16px 4px 8px 4px;
}

.sxx-popmsg-item > button.sxx-popmsg-item-dismiss {
	position: absolute;
	right: 8px;
	top: 8px;
	background: none;
	border: none;
	width: 30px;
	height: 30px;
}

.sxx-popmsg-item > button.sxx-popmsg-item-dismiss:after {
	content: "\f00d";
	font: normal normal normal 14px/1 FontAwesome;
	color:#03BD9E;	
}
	.sxx-popmsg-item.sxx-popmsg-alert > button.sxx-popmsg-item-dismiss:after {
		color:#a94442;	
	}

.sxx-popmsg-item-content-status {
	font-size: 80%;
	color: #809FB8;
	/*padding: 8px 5px;*/

}

.sxx-popmsg-item-content-status.bar {
	background-color: #008f8a;
}
/*
	.sxx-popmsg-item-content-status::before {
		content: "Dismiss in "
	}
	
	.sxx-popmsg-item-content-status::after {
		content: " s"
	}
*/

.sxx-popmsg-item.sxx-popmsg-minimized .sxx-popmsg-item-dismiss {
	top:0;
	height: auto;
}