/**
 * Notices
 *
 * Styling of the bubble and dialog notices
 *
 * @package    jCLib
 * @author     Neonfire Development <webmaster@neonfire.co.za>
 * @copyright  2009-2020 Neonfire Development
 * @version    0.01.00 alpha
 */

/* -----------------------------------------------------------------------------
 * Inline Notice Formatting
 * ------------------------------------------- */
.jc-ui-notice-info,
.jc-ui-notice-good,
.jc-ui-notice-success,
.jc-ui-notice-caution,
.jc-ui-notice-warn,
.jc-ui-notice-error,
.jc-ui-notice-fail {
	border-radius: 5px;
	padding: 8px; /* top right bottom left */
	margin-top: 5px;
	margin-bottom: 5px;
}

.jc-ui-notice-info {
	border: 1px #666 solid;
	background-color: #ddd;
	color: #666;
}
.jc-ui-notice-good,
.jc-ui-notice-success {
	border: 1px #090 solid;
	background-color: #cfc;
	color: #090;
}
.jc-ui-notice-caution,
.jc-ui-notice-warn {
	border: 1px #f60 solid;
	background-color: #fca;
	color: #f60;
}
.jc-ui-notice-error,
.jc-ui-notice-fail {
	border: 1px #f00 solid;
	background-color: #fcc;
	color: #f00;
}

/* -----------------------------------------------------------------------------
 * System Notice Formatting
 * ------------------------------------------- */
#jc-dlg-notice-message {
	text-align: center;
	font-weight: bold;
	margin-bottom: 10px;
}

#jc-dlg-notice-progress {
	margin: auto;
	left: 0;
	right: 0;
	margin-bottom: 10px;
}

#jc-dlg-notice-message-detail {
	text-align: center;
	margin-bottom: 10px;
}

.jc-ui-dlg-notice-plain {

}
.jc-ui-dlg-notice-error {
	color: #f00;
}
.jc-ui-dlg-notice-warn {
	color: #f00;
}
.jc-ui-dlg-notice-success {
	color: #090;
}

/* -----------------------------------------------------------------------------
 * System Confirm Formatting
 * ------------------------------------------- */
#jc-dlg-confirm-message {
	text-align: center;
	font-weight: bold;
	margin-bottom: 10px;
}

#jc-dlg-confirm-message-detail {
	text-align: center;
	margin-bottom: 10px;
}

/* -----------------------------------------------------------------------------
 * Floating Bubble Message Formatting
 * ------------------------------------------- */
#jc-bubble {
	font-weight: bold;
	width: 300px;
	position: fixed;
	top: 50px;
	right: 50px;
	padding: 10px;
	opacity: 0.7;
	filter: alpha(opacity=70); /* For IE8 and earlier */
	z-index: 9998;
	cursor: pointer;
	border-radius: 5px;
}

.jc-ui-bubble-success {
	background-color: #cfc;
	border: 1px #090 solid;
	color: #090;
}

.jc-ui-bubble-warn {
	background-color: #fec;
	border: 1px #f63 solid;
	color: #f63;
}

.jc-ui-bubble-fail {
	background-color: #fcc;
	border: 1px #900 solid;
	color: #900;
}