/**********************************************************/
/* CUSTOM LAYOUT HEADER                                   */
/**********************************************************/
form {
	margin: 0 !important;
}

/* Header */
#layout-topbar {
	background-color: #FFFFFF;
}

#logo {
	background-color: #FFFFFF;
	border-right: solid 1px #E0E0E0;
}

/**********************************************************/
/* GENERAL ICONS COLOR WHITE/GREY                         */
/**********************************************************/

/* White global icons */
.ui-icon, .ui-widget-content .ui-icon {
	background-image:
		url("/rclmc/javax.faces.resource/images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-rio");
}

/* White calendar icon */
.ui-datepicker-trigger .ui-icon {
	background-image:
		url("/rclmc/javax.faces.resource/images/calendar.svg.xhtml?ln=primefaces-rio");
}

/* Grey icon sign - */
.ui-fieldset-legend .ui-icon-minusthick {
	background-image:
		url("/rclmc/javax.faces.resource/images/minus-sign.svg.xhtml?ln=primefaces-rio");
}

/* Grey icon sign + */
.ui-fieldset-legend .ui-icon-plusthick {
	background-image:
		url("/rclmc/javax.faces.resource/images/plus-sign.svg.xhtml?ln=primefaces-rio");
}

/* Grey icons for table paginator */
.ui-paginator .ui-paginator-prev .ui-icon {
	background-image:
		url("/rclmc/javax.faces.resource/images/left-one-arrow-for-data-gray.svg.xhtml?ln=custom");
}

.ui-paginator .ui-paginator-first .ui-icon {
	background-image:
		url("/rclmc/javax.faces.resource/images/left-double-arrow-for-data-gray.svg.xhtml?ln=custom");
}

.ui-paginator .ui-paginator-next .ui-icon {
	background-image:
		url("/rclmc/javax.faces.resource/images/right-one-arrow-for-data-gray.svg.xhtml?ln=custom");
}

.ui-paginator .ui-paginator-last .ui-icon {
	background-image:
		url("/rclmc/javax.faces.resource/images/right-double-arrow-for-data-gray.svg.xhtml?ln=custom");
}

/**********************************************************/
/* CUSTOM COMPONETS STYLES                                */
/**********************************************************/
@media ( max-width : 640px) {
	.layout-menu {
		margin-top: 50px;
	}
}

.ui-datatable table {
	table-layout: auto !important;
}

.ui-paginator-bottom {
	background-color: #FFFFFF;
}

.ui-paginator .ui-state-active, .ui-paginator .ui-state-hover,
	.ui-paginator .ui-paginator-pages .ui-state-active, .ui-paginator .ui-paginator-pages .ui-state-hover
	{
	color: #E0E0E0 !important;
}

.ui-paginator .ui-paginator-first, .ui-paginator .ui-paginator-prev,
	.ui-paginator .ui-paginator-pages .ui-paginator-page, .ui-paginator .ui-paginator-next,
	.ui-paginator .ui-paginator-last, .ui-paginator .ui-paginator-rpp-options
	{
	color: #546E7A;
}

.ui-paginator-page.ui-state-focus, .ui-paginator .ui-paginator-first.ui-state-focus,
	.ui-paginator .ui-paginator-prev.ui-state-focus, .ui-paginator .ui-paginator-next.ui-state-focus,
	.ui-paginator .ui-paginator-last.ui-state-focus {
	background-color: transparent;
}

.ui-chkbox {
	display: inline-block;
	vertical-align: text-bottom;
	margin-left: 5px;
}

.pe-inputNumber {
	width: 100%;
}

.ui-panel .ui-panel-titlebar {
	background-color: #0288D1;
}

.ui-fieldset-legend {
	background-color: transparent;
	color: #546E7A;
	font-weight: bold;
}

.ui-fieldset-legend.ui-state-hover {
	background-color: transparent;
}

/* Selected table row */
.ui-datatable table tbody .ui-state-highlight>td {
	background-color: #00ACC1;
}

/* Calendar selectOneMenu */
.ui-datepicker-month, .ui-datepicker-year {
	color: #546e7a;
	font-size: 16px;
	font-family: 'roboto_condensedregular' !important;
	padding: 9px 10px !important;
	border: solid 0px #c6d6df;
	border-bottom: solid 1px #b0bec5;
	background-color: #f5f5f5;
	border-radius: 0px;
}

/* Error messages summary */
.ui-messages ul {
	padding-bottom: 10px !important;
}

.ui-growl {
	width: auto !important;
}

.ui-growl-message {
	width: auto !important;
	max-width: 250px;
}

/* Search filter */
.ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-inputfield
	{
	width: 100%;
}

.ui-tooltip{
	background-color: inherit;
}

/* predefined colors */
.White {
  color: #ffffff !important;
}
.WhiteBlue {
  color: #E1F5FE !important;
}
.SoftBlue {
  color: #03A9F4 !important;
}
.Blue {
  color: #0288D1 !important;
}
.Turquoise {
  color: #26C6DA !important;
}
.SoftGray {
  color: #ECEFF1 !important;
}
.Gray {
  color: #90A4AE !important;
}
.BoldGray {
  color: #546E7A !important;
}
.SoftOrange {
  color: #FFCC80 !important;
}
.Orange {
  color: #FB8C00 !important;
}
.SoftGreen {
  color: #A5D6A7 !important;
}
.Green {
  color: #43A047 !important;
}
.LeadenGreen {
  color: #26A69A !important;
}
.SoftRed {
  color: #EF9A9A !important;
}
.Red {
  color: #E53935 !important;
}
.Pink {
  color: #FF4081 !important;
}
.SoftPurple {
  color: #CE93D8 !important;
}
.Purple {
  color: #8E24AA !important;
}
.Yellow {
  color: #F7D100 !important;
}
/* predefined background colors */
.WhiteBlueBack {
  background-color: #E1F5FE !important;
}
.SoftBlueBack {
  background-color: #03A9F4 !important;
}
.BlueBack {
  background-color: #0288D1 !important;
}
.TurquoiseBack {
  background-color: #26C6DA !important;
}
.SoftGrayBack {
  background-color: #ECEFF1 !important;
}
.GrayBack {
  background-color: #90A4AE !important;
}
.BoldGrayBack {
  background-color: #546E7A !important;
}
.SoftOrangeBack {
  background-color: #FFCC80 !important;
}
.OrangeBack {
  background-color: #FB8C00 !important;
}
.SoftGreenBack {
  background-color: #A5D6A7 !important;
}
.GreenBack {
  background-color: #43A047 !important;
}
.LeadenGreenBack {
  background-color: #26A69A !important;
}
.SoftRedBack {
  background-color: #EF9A9A !important;
}
.RedBack {
  background-color: #E53935 !important;
}
.PinkBack {
  background-color: #FF4081 !important;
}
.SoftPurpleBack {
  background-color: #CE93D8 !important;
}
.PurpleBack {
  background-color: #8E24AA !important;
}
.YellowBack {
  background-color: #F7D100 !important;
}