/*
	General styles are loaded over CDN. This is a set of minimal overrides to create a flat look in brand colours for widgets in use.
*/
.ui-widget-header {
	background: rgb(0, 122, 58);
	border: none;
	border-radius: 0px;
}

.ui-widget-content {
	background: #ffffff;
}

.ui-button {
	border-radius: 0px;
}

.ui-dialog {
	border-radius: 0px;
	box-shadow: 8px 8px 2px 0px rgba(0,0,0,0.25);
}

.ui-dialog .ui-dialog-titlebar-close {
    background: rgb(0, 122, 58);
    color: #ffffff;
    border: none;
    font: normal normal normal 14px/1 "Font Awesome 5 Pro";
    font-size: 1.25em;
}

.ui-dialog .ui-dialog-titlebar-close:hover {
   text-shadow: 0px 0px 5px #ffffff;
}

.ui-dialog .ui-dialog-titlebar-close .ui-icon, .ui-dialog .ui-dialog-titlebar-close .ui-button-text {	
	display: none;
}

.ui-dialog .ui-dialog-titlebar-close:before {
	content: "\f057";
}

.ui-dialog .ui-dialog-buttonpane button {
	border: none;
	color: #ffffff;
	background: rgb(0, 122, 58);
}

.ui-dialog .ui-dialog-buttonpane button:hover {
	background: rgba(0, 122, 58, 0.75);
}

.ui-autocomplete {
    box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.1); 
	overflow-y: scroll;
    height: 240px;
}

.ui-autocomplete .ui-state-focus {
	font-weight: normal;
	border: none;
	background: rgb(147, 175, 192);
	color: #ffffff;
}

.ui-autocomplete .ui-menu-item {
	font-size: 0.9em;
}