/**********************************************************/
/* 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("/resmd/javax.faces.resource/images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-rio");
}

/* White calendar icon */
.ui-datepicker-trigger .ui-icon {
	background-image: url("/resmd/javax.faces.resource/images/calendar.svg.xhtml?ln=primefaces-rio");
}

/* Grey icon sign - */
.ui-fieldset-legend .ui-icon-minusthick {
	background-image: url("/resmd/javax.faces.resource/images/minus-sign.svg.xhtml?ln=primefaces-rio");
}

/* Grey icon sign + */
.ui-fieldset-legend .ui-icon-plusthick {
	background-image: url("/resmd/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("/resmd/javax.faces.resource/images/left-one-arrow-for-data-gray.svg.xhtml?ln=custom");
}

.ui-paginator .ui-paginator-first .ui-icon {
	background-image: url("/resmd/javax.faces.resource/images/left-double-arrow-for-data-gray.svg.xhtml?ln=custom");
}

.ui-paginator .ui-paginator-next .ui-icon {
	background-image: url("/resmd/javax.faces.resource/images/right-one-arrow-for-data-gray.svg.xhtml?ln=custom");
}

.ui-paginator .ui-paginator-last .ui-icon {
	background-image: url("/resmd/javax.faces.resource/images/right-double-arrow-for-data-gray.svg.xhtml?ln=custom");
}

/**********************************************************/
/* CUSTOM COMPONETS STYLES                                */
/**********************************************************/
@media ( max-width : 1550px) {
	.patientNgsPanel .formBuscar .results-list-panel {
		max-width: 77vw;
		transform: rotateX(180deg);
		-ms-transform: rotateX(180deg);
		-webkit-transform: rotateX(180deg);
	}
	.patientNgsPanel .formBuscar .dataPaginatorDataTable table {
		transform: rotateX(180deg);
		-ms-transform: rotateX(180deg);
		-webkit-transform: rotateX(180deg);
	}
	.patientNgsPanel .formBuscar .ui-paginator {
		transform: rotateX(180deg);
		-ms-transform: rotateX(180deg);
		-webkit-transform: rotateX(180deg);
	}
}

@media ( max-width : 1450px) {
	.patientNgsPanel .formBuscar .results-list-panel {
		max-width: 76vw;
	}
}

@media ( max-width : 1370px) {
	.patientNgsPanel .formBuscar .results-list-panel {
		max-width: 75vw;
	}
}

@media ( max-width : 1299px) {
	.patientNgsPanel .formBuscar .results-list-panel {
		max-width: 73vw;
	}
}

@media ( max-width : 640px) {
	.layout-menu {
		margin-top: 50px;
	}
}

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

.ui-datatable table .ui-selectonemenu {
	width: calc(100% - 56px) !important;
}

.ui-datatable.treatCycleDataList table {
	table-layout: fixed !important;
}

.ui-datatable.treatComplicationDataList table {
	table-layout: fixed !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;
}