/*
CSS to customize jQuery components like ui-dialog
Preferably, all customizations will be put in here and override the default jquery styles,
	that way our customizations won't get lost when we need to upgrade to a newer version of jQuery or jQuery UI
*/

.ui-widget {
	font-family: Roboto, Arial, Helvetica, sans-serif;
	font-size: .9em;
}

.ui-widget .ui-widget {
	font-size: .9em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Roboto, Arial, Helvetica, sans-serif;
	font-size: .9em;
}

/* Make default dialog titlebar have $PrimaryColorDarken blue */
.ui-dialog .ui-widget-header {
	background: #1C6BB6;
	color: #FFFFFF;
}

/* For a "simple-alert" or "success-alert" dialog box, hide the title bar and style the content area to be a simple yellow box */
.ui-widget.ui-widget-content.success-alert {
	border: 2px solid #16D728;
	border-radius: 5px;
	background: #DEFFDC;
}

.ui-widget.ui-widget-content.simple-alert {
	border: 2px solid #FFD983;
	border-radius: 5px;
	background: #FEFFD0;
}

.ui-widget.success-alert .ui-dialog-titlebar,
.ui-widget.simple-alert .ui-dialog-titlebar {
	display: none;
}

.ui-dialog.success-alert .ui-dialog-content,
.ui-dialog.simple-alert .ui-dialog-content {
	padding: .5em .6em;
}