.ui-button
{
	vertical-align: baseline;
}

.ui-button, .ui-button.ui-widget.ui-state-default.ui-corner-all
{
	min-width: 85px;
	min-height: 20px;
	font-family: inherit;
	font-size: inherit;
	font-weight: normal !important;
	border: none !important;
}


.ui-dialog.ui-widget.ui-widget-content {
	border: 2px solid #6A42D5;
}

.ui-autocomplete .ui-menu-item-wrapper.ui-state-active {
	background: #6A42D5;
}

.ui-button .ui-button-text, .ui-button .ui-button-icon-space {
	padding: 0.6em 1em;
}

.ui-widget {
    font-family: inherit;
    font-size: inherit;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: inherit;
    font-size: inherit;
}

.ui-front 
{
    z-index: 100;
}

/*
    Using '!important' is not good at all, but in this case, because incorrect inline styling in js, we had to use it.
    The right thing to do is correcting wrong js codes (leave it to this style) and delete '!important' from here.
*/
.ui-dialog
{
	border-width: 2px;
	padding: 0;

    position: fixed !important;
    top: 50% !important;
    z-index: 101;
    transform: translateY(-50%);
    left: 0 !important;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}
.ui-widget-overlay 
{
    position: fixed;
}

.ui-dialog-titlebar
{
	position: inherit;
	border: none;
	border-bottom-width: 2px;
	padding: .6em 1em .6em 1em !important;
	font-weight: bold;
	font-size: 1.1em;
}

.ui-dialog .ui-dialog-title
{
	width: inherit;
	margin: .1em 16px .1em 0;
}
.ui-dialog .ui-dialog-titlebar-close
{
	min-width: 20px !important;
	background: transparent !important;
	border: none;
	margin-right:3px;
}
.ui-dialog .ui-dialog-titlebar-close .ui-icon
{
	background-image: url("images/ui-icons_ffffff_256x240.png") !important;
}
/*This scope is added after implementing 'site.css' (separating bundles of per project) and is added to override current incorrect styles for close icon of dialog.*/

.ui-button .ui-button-text 
{
    line-height: normal;
}

.ui-dialog-buttonpane
{
	text-align: inherit;
	border-width: inherit;
	background-image: inherit;
	padding: .3em 1em .5em 1.1em !important;
	border-top-width: 2px !important;
	margin-top: 0 !important;
}

.ui-widget-header
{
	font-weight: bold;
}
 

	.ui-state-default,
	.ui-widget-content .ui-state-default,
	.ui-widget-header .ui-state-default
	{
		border-width: 2px;
		font-weight: bold;
	}

	.ui-state-hover,
	.ui-widget-content .ui-state-hover,
	.ui-widget-header .ui-state-hover,
	.ui-state-focus,
	.ui-widget-content .ui-state-focus,
	.ui-widget-header .ui-state-focus
	{
		font-weight: bold;
	}

	.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset
{
	float: left !important;

	}
.ltr-layout .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset
{
	float: right !important;
}

.ui-menu .ui-menu-item
{
	list-style-image: none !important;
	padding: 0px;
}

.ui-menu .ui-menu-item a {
	padding:.2em .4em;
	line-height:1.5;
}

.ui-autocomplete, .ui-widget.ui-widget-content.ui-autocomplete {
	border-color: #525252;
	border: solid 2px;
	padding: 0;
}

	.ui-autocomplete > .ui-menu-item {
		padding: 0;
	}

		.ui-autocomplete > .ui-menu-item > .ui-menu-item-wrapper {
			display: block;
			border: none !important;
			margin: 0 !important;
			padding: 6px;
		}

	.ui-autocomplete a, .ui-autocomplete a:hover {
		text-decoration: none;
	}

#header-commands .ui-action-bar .ui-state-focus, 
#header-commands .ui-action-bar .ui-state-hover
{
	border: none !important;
}

.ui-tabs{padding:0;border:none;position:relative;top:-3px;}



.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset
{
	float: left !important;
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: 0;
}


.ui-state-default .ui-icon {
	background-image: url(images/ui-icons_525252_256x240.png)
}

.ui-state-default:hover .ui-icon {
	background-image: url(images/ui-icons_ffffff_256x240.png)
}

.ui-combobox-toggle {
	top: 1px !important;
}

.ui-button-icon-only .ui-icon {
	margin-top: -10px;
	margin-left: -7px !important;
}