body {
	/* Apply colors from theme by default */
	background-color: var(--surface-a);
	color: var(--text-color);
	font-family: var(--font-family);
}

img {
	border: none;
}

.block-desc {
	display: inline-block;
}

.ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default .ui-chkbox-icon
	{
	width: 16px;
	height: 16px;
	display: block
}

.ui-chkbox .ui-chkbox-box {
	margin-right: 5px
}

.ui-widget-content .ui-widget-content {

}

.ui-treetable img, .ui-datatable img {
	margin-right: 4px;
}

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

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

.ui-widget .ui-widget .ui-widget {
	font-size: 1.0em;
	vertical-align: bottom;
}

.ui-panel {
	border-style: none;
	background: none repeat scroll 0% 0% transparent !important;
	padding: 0em !important;
}

.ui-panel .ui-panel-content {
	border-style: none;
	border: 0px none !important;
	background: none repeat scroll 0% 0% transparent !important;
	padding: 0em !important;
}

.ui-widget input, .ui-widget textarea, .ui-widget button {
	font-size: 1em;
}

.ui-menu {
	border: none;
}

.ui-tabs .ui-tabs-panel {
	padding: 0.2em !important;
	padding-top: 1em !important;
}

.ui-panelgrid td, .ui-panelgrid tr {
	background: none !important;
	border: none !important;
}

.ui-dialog {
	/* this in order for dialogs to be on top of maps objects */
	z-index: 9999999;
}

.ui-outputpanel {
	padding: 0em !important;
}

.ui-outputpanel:after {
	clear: both;
}

.ui-outputpanel:after, .ui-outputpanel:before {
	content: "";
	display: table;
}

.ui-datatable .ui-selectonemenu {
	width: 80% !important;
}

.ui-selectonemenu .ui-selectonemenu-label {
	width: 100% !important;
	box-sizing: border-box;
}

/* Align "composite:xxx" fields error messages with input */
.cps-compositepanel .ui-message {
	width: 80%;
	margin-left: 20%;
	margin-top: 0.2em !important;
	margin-bottom: 0.2em !important;
	padding: 0;
}

.cps-compositepanel .ui-message span {
	display: inline-block;
	margin: 5px
}

.ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td {
	padding: 2px 2px !important;
}

.ui-datatable tbody td.ui-datagrid-column {
	border: none;
}

.ui-treetable table {
	table-layout: auto !important;
}

.ui-treetable thead th, .ui-treetable tbody td, .ui-treetable tfoot td {
	padding: 2px !important;
}

.ui-tabs-left>.ui-tabs-panels {
	width: 84% !important;
	min-height: 500px !important;
}

.ui-tabs-left>.ui-tabs-nav {
	width: 14% !important;
	padding: 0em !important;
}

.ui-tabs {
	padding: 0.0em !important;
	border: none !important;
}

.co-formlabel {
	font-weight: bold;
}

.co-formvalue {

}

.co-inputtext, .co-outputtext {
	float: left;
	width: 60% !important;
}

.externalLink {

}

.co-tablebutton {
	width: 24px !important;
	height: 24px !important;
	margin: 1px;
}

.co-tableactions-1 {
	width: 28px;
	text-align: center;
}

.co-tableactions-2 {
	width: 54px;
	text-align: center;
}

.co-tableactions-3 {
	width: 80px;
	text-align: center;
}

.co-table-cb {
	width: 1px;
	text-align: center !important;
}

.co-table-cb-notitle {
	width: 28px;
	text-align: center;
}

.co-table-fillinput {
	min-width: 150px;
}

.co-table-fillinput input {
	width: 100%;
	height: 100%;
	display: block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.co-outputpanel-help {
	border-style: solid;
	border-width: 1px !important;
	border-color: #f7deae;
	background-color: #ffffad;
	color: #817134;
	display: none;
}

.co-commandLink {
	margin-left: 1em !important;
}

.co-profilepanel {
	width: 90%;
	background-color: #E6E6E6;
}

.hide-column-names table thead tr {
	display: none;
}

.co-profiletitle {
	font-size: 16pt !important;
	font-weight: bold;
}

.co-panelTable {
	border-color: black;
	border-style: solid;
}

.co-filterpanel {
	border-style: solid;
	border-width: 1px !important;
	border-color: #A2B1B6;
	background-color: #E6E6E6;
	padding: 1.0em;
	margin-bottom: 1em;
}

.co-pagetitle {
	font-size: 20pt !important;;
	font-weight: bold;
}

.co-pagesection {
	font-size: 14pt !important;;
	color: gray;
}

.co-pagesubsection {
	font-size: 12pt !important;;
	color: gray;
}

.co-button-edit {
	float: right;
	height: 2em;
}

.co-editbuttons-panel {
	width: 100%;
	text-align: center;
}

.co-accordionpanel .ui-accordion-content {
	display: block;
	padding: 0em !important;
	margin-top: 1.5em !important;
	margin-bottom: 1.5em !important;
}

.co-accordionpanel .ui-helper-hidden {
	display: none;
}

.co-outputpanel-detail {
	border-color: #A2B1B6;
	margin-top: 0.5em !important;
	margin-bottom: 0.5em !important;
	font-size: small !important;
	font-weight: normal !important;
}

.co-text {
	width: 100%;
	border-color: #BFBFBD;
	margin-bottom: 0.5em;
	padding-top: 0 !important;
	border-top-style: solid;
}

.co-informationtext {
	width: 60%;
	background-color: #FFFEC2;
	border-color: #F7DFA6;
	border-bottom-style: solid;
	padding: 0.5em;
}

.co-errortext {
	width: 60%;
	background-color: #FFDAD1;
	border-color: #FF8469;
	border-bottom-style: solid;
	padding: 0.5em;
}

.co-radiobutton {
	padding: 0.5em !important;
	float: left;
	margin-bottom: 0.5em;
}

.co-panel-radioitem {
	float: left;
	margin-left: 0.5em !important;
	width: 90%;
	margin-bottom: 0.5em !important;
	border: 1px solid #E6E6E6;
	font-size: medium !important;
	font-weight: bold !important;
	padding: 0.5em !important;
}

.co-outputpanel-selecttype {
	width: 70%;
	padding: 0.5em !important;
}

.co-editionpannel {
	/*background-color: #E6E6E6 !important;*/
	border: 1px solid #E6E6E6 !important;
	padding: 0.5em !important;
}

.ui-breadcrumb {
	/* background-image: none !important; */
	/*width: auto;*/
	width: 100%;
	border: 0px;
	box-sizing: border-box;
}

.ui-module {
	/*background: none !important;*/

}

.co-hide-column-header table thead tr {
	display: none;
}

/* Portlet visualization */
.co-portlet-configuration {
	border: 1px outset;
	font-size: 75%;
	padding: 0.5em;
}

.co-portlet-caption {
	font-size: 12pt !important;
	font-weight: bold;
	vertical-align: center;
	width: 100%;
}

.co-portlet-button {
	margin: 1px;
	width: 16px;
	height: 16px;
	float: right;
}

.co-outputpanel-centerbuttons {
	width: 100%;
	text-align: center;
	margin-top: 10px;
}

.co-title-2 {
	font-size: 16pt !important;
	font-weight: bold;
	color: gray;
	vertical-align: center;
}

.co-title-3 {
	font-size: 12pt !important;
	font-weight: bold;
	color: gray;
	vertical-align: center;
}

.user-image-small {
	height: 16px;
	width: 16px;
	vertical-align: middle;
}

.domain-icon-small {
	height: 16px;
	width: 16px;
	vertical-align: middle;
}

.project-icon-small {
	height: 16px;
	width: 16px;
	vertical-align: middle;
}

.middle-icon {
	vertical-align: middle;
}