/*
 * ===============================================================
 * NOTIFICATION(custom and bootstrap)
 * ===============================================================
 */
 
#notification-target {
    font-size: 14px;
    font-weight: 700;
    margin-top:5px;
    margin-bottom:10px;
}
.notification-msg{
	background-color : #fff;
	color            : #222;
	border-top       : 1px solid #555;
	border-bottom    : 1px solid #555;
}
.table .comments,
.notification-warning,
.alert,
.alert-warning{
	background-color : #fff4b9;
	color            : #897a5f;
	border           : 1px solid #fff4b9;
}
.alert *,
.alert-warning *{
	color : #897a5f;
}
.notification-success,
.alert-success {
	background-color : #bdeca9;
	color            : #468847;
	border           : 1px solid #bdeca9;
}
.notification-success *,
.alert-success *{
	color : #468847;
}
.notification-error,
.alert-danger{
	background-color : #f7bbbb;
	color            : #b94a48;
	border           : 1px solid #f7bbbb;
}
.notification-error *,
.alert-danger *{
	color: #b94a48;
}
.notification-info,
.alert-info {
	background-color : #b2e2fa;
	color            : #3a87ad;
	border           : 1px solid #b2e2fa;
}
.notification-info *,
.alert-info *{
	color : #3a87ad;
}

/*input[type="color"] {
	opacity: 0;
	display: block;
	width: 52px;
	height: 52px;
	border: none;
}
#color-picker-wrapper {
        display: block;
	width: 52px;
	height: 52px;
        border: 2px solid black;
        padding:2px;
}*/