/** style for all read only input fields */
input[readonly], input[readonly="readonly"] {
	font-style: italic;
}

.center{
	text-align: center;
}

.bold {
	font-weight: bold;
}

.sortButton{
	border: none!important;
}

.ui-cursor-pointer{
	cursor: pointer;
}

.ui-historyMode div {

}

.ui-historyMode *.fa {
	color: black;
}

.ui-historyMode *.ui-button {
	background-color: gray;
}

.ui-historyMode *.ui-state-hover {
	background-color: lightgray;
	border: 1px solid gray;
   box-shadow: 0 0 8px gray;
}

.ui-historyMode *.ui-state-active {
	background-color: black;
	border: 1px solid black;
   box-shadow: 0 0 8px black;
	color: white;
}

.ui-historyMode *.ui-toolbar, .ui-historyMode *.ui-breadcrumb, .ui-historyMode *.ui-datatable th {
	background-color: gray;
	color: black;
}

.ui-historyMode *.ui-menu {
	background-color: gray;
	color: white;
}
/** CSS classes for dashboard plugin */
.ui-docker{
	z-index: 50;
}

.ui-dashboard div.ui-dock-container-top{
	z-index: 1000;
}

.ui-dashboard div.ui-dock-container-bottom{
	z-index: 1000;
}


.ui-dashboard .ui-dock-top img{
	margin: 0px 0px 0px;
}
.ui-dashboard .ui-dock-bottom img {
	margin: 0px 0px -5px;
}

.ui-dashboard .ui-dock-container-top {
	border: 0px!important;
	background: transparent!important;
}

.ui-dashboard .ui-dock-container-bottom {
	border: 0px!important;
	background: transparent!important;
}

.ui-dashboard .globalCaption{
	display: inline-block;
	position: absolute!important;
	top: 0px;
	width: 100%;
	z-index: 100;
	margin: 0px!important;
}

.ui-dashboard .globalCaption .caption{
	width: 380px;
	margin: 0 auto!important;
	cursor: pointer;
	height: 600px;
}

.ui-portlet-object div.ui-panel-content {
	display: inline-block;
	width: 100%!important;
	height: 100%!important;
	padding-bottom: 35px;
}

/** this class is important for not visible scrollbar in table view  */
.ui-autocomplete-icon {
	border: 0px;
}

/** set the min for breadcrumb menu model */
.ui-breadcrumb-menu-model{
	min-width: 10em;
	width: auto!important;
}

/** layoutfix for menu link set 100% width in ui (primeface set this to 92%)*/
.ui-menu-list .ui-menuitem-link {
	width: 100%!important;
}

/** this class set the min-width for change specialization in object */
.ui-object-inheritance .ui-menu-child {
	min-width: 20em;
	width: auto!important;
}

.ui-loginpanel .ui-value input{
	min-width: 23em;
}

.ui-operations{
	padding: 1em 1.6em 1em 2.2em;
}

.ui-search-snippet{
	text-align: left;
	white-space: normal;
	min-width: 40em;
}

.ui-search-snippet .highlight {
	color: red;
	font-weight: bold;
}

.ui-search-resultpanel{
	text-align: center; min-width: 85px;
}

.ui-search-result{
	text-align: center;
}


.ui-ajax-idle-status{
	position: absolute;
	bottom: 5px;
	right: 5px;
	width: 24px;
	height: 24px;
}