/**
 * jQuery-UI customizations for RecExcite
 */

/* jquery-ui autocomplete list wrapper */
ul.ui-autocomplete {
	
}

	/* jquery-ui autocomplete list item */
	ul.ui-autocomplete > li.ui-menu-item {
		
	}

		/* jquery-ui autocomplete list item link */
		ul.ui-autocomplete > li.ui-menu-item > a {
			display: block;
			padding: 4px;
		}

/* autocomplete wrapper */
ul.ui-autocomplete {
	z-index: 2;
	position: absolute;
	box-shadow: 2px 2px 0px rgba(0,0,0,.2);
	
	font-size: 14px;
	
	max-height: 250px;
	overflow-y: scroll;
	overflow-x: hidden;
}

	/* autocomplete line */
	ul.ui-autocomplete > li,
	ul.ui-autocomplete > li > a {
		border: 1px solid transparent !important;
		color: black !important;
	}
		ul.ui-autocomplete > li > a:hover {
			color: white !important;
		}
		
	/* customer autocomplete line flagged */
	ul.ui-autocomplete > li div.customer.Flagged {
		color: red;
		font-weight: bold;
	}
		ul.ui-autocomplete > li div.customer.Flagged > .fa.Flagged {
			margin-right: 10px;
			color: red;
		}
	
	

/* datepicker */
.ui-datepicker {
	z-index: 102 !important; /* z-above dialog */
}
	.ui-datepicker,
	.ui-datepicker .ui-datepicker-year,
	.ui-datepicker .ui-datepicker-year * {
		font-size: 14px;
	}
	

/* dialog */
.ui-dialog {
	background-color: rgb(245,250,255);
	box-shadow: 4px 4px 0px rgba(0,0,0,.05);
	border: 1px solid rgba(0,0,0,.35);
	
	font-family: Roboto, Segoe UI, Calibri, Arial;
}

	/* dialog title */
	.ui-dialog .ui-dialog-titlebar {
		padding: 5px;
		
		color: rgba(0,0,0,.65);
		font-size: 13px;
		font-weight: normal;
		line-height: 1.5;
		text-shadow: 1px 1px 0px white;
		
		background-color: rgb(175, 230, 235);
		border-bottom: 1px solid rgba(0,0,0,.25);
	}
	
		/* icon in titlebar */
		.ui-dialog .ui-dialog-titlebar .fa {
			font-size: 14px;
			margin-right: 5px;
			text-shadow: none;
		}

		/* dialog buttons */
		.ui-dialog .ui-dialog-buttonpane button.ui-button {
			font-size: 14px;
			color: white;
			background-color: #008EAC;
			border-radius: 0px;
			border: 0px;
		}

			/* hover on buttons */
			.ui-dialog .ui-dialog-buttonpane button.ui-button:hover {
				background-color: rgb(0,185,241);
			}

			/* hover on buttons */
			.ui-dialog .ui-dialog-buttonpane button.ui-button:active {
				background-color: rgb(0,126,164);
			}
			

	/* message preview in mail prompt dialog */
	.ui-dialog .mailPrompt > pre {
		margin: 20px;
		padding: 20px;
		max-height: 300px;
		overflow-y: scroll;
		
		font-family: Courier New;
		font-size: 14px;
		white-space: pre-wrap;
		line-height: 1.35;
		
		background-color: #AFE6EB;
		border: 1px dashed rgba(0,0,0,.35);
	}

/* dialog prompts */
.pdcfw-jquery-dialogPrompt {
	line-height: 1.25;
}
	
	/* allow breaks in pdcfw-jquery-dialogPrompt */
	.pdcfw-jquery-dialogPrompt br {
		font-size: initial;
	}