.toast-box {
	position: fixed;
	z-index: 9999999999999999999;
	top: 20px;
	right: 20px;
	padding: 0px;
}

.toast-box * {
	font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	font-size: 15px !important;
}

.toast-item {
	vertical-align: middle;
	color: #555;
	background: #FFF;
	padding: 0px;
	border: 1px solid silver;
	border-top: 1px solid #d3d3d3;
	border-left: 1px solid #d3d3d3;
	border-radius: 4px;
	width: 350px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
	margin-bottom: 15px;
	cursor: default;
}

.toast-item:hover {
	background: #f0f0f0;
}

.toast-item-head, .toast-item-body, .toast-item-foot {
	margin: 0px 5px;
}

.toast-item-head .icon:first-child {
	float: left;
	margin-right: .3em;
}

.toast-item-head .icon-close {
	float: right;
	cursor: hand;
	cursor: pointer;
}

.toast-item.success {
	background: #E8F5E9 !important;
}

.toast-item.success:hover {
	background: #C8E6C9 !important;
}

.toast-item.danger {
	background: #FCE4EC !important;
}

.toast-item.danger:hover {
	background: #F8BBD0 !important;
}

.toast-item.info {
	background: #E3F2FD !important;
}

.toast-item.info:hover {
	background: #90CAF9 !important;
}

.toast-item.warning {
	background: #FFF8E1 !important;
}

.toast-item.warning:hover {
	background: #FFECB3 !important;
}

.toast-item-head{
	border-bottom: 1px solid silver;
	padding: 5px 0px;
}

.toast-item-head * {
	font-size: 15px !important;
}

.toast-item-body {
	padding: 5px;
}

.toast-item-bar {
	background: silver;
	width: 100%;
	max-width: 350px;
	height: 2px;"
}

.toast-item.success .toast-item-head {
	color: green;
}

.toast-item.success .toast-item-bar {
	background: green;
}

.toast-item.danger .toast-item-head {
	color: red;
}

.toast-item.danger .toast-item-bar {
	background: red;
}

.toast-item.warning .toast-item-head {
	color: #999900;
}

.toast-item.warning .toast-item-bar {
	background: #999900;
}

.toast-item.info .toast-item-head {
	color: blue;
}

.toast-item.info .toast-item-bar {
	background: blue;
}