/** Hoja de estilo con los estilos que se utilizan solo en el sistema de recepci�n versi�n 5**/


/********************************** SE AGREGA FONTAWESOME *******************************/
.ui-widget {
	font-family: Arial,sans-serif, FontAwesome !important;
}

/************************************ SOMBRA INPUTS *************************************/
.ui-inputfield, .ui-widget-content .ui-inputfield, .ui-widget-header .ui-inputfield {
	box-shadow: none !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	background: none;
}

/************************************ VALORES SELECCIONADOS EN COMPONENTES *************************************/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
	background: #d4e1f5;
	color: black;
	text-shadow: none;
}

.ui-state-hover, .ui-state-hover .ui-state-highlight {
	background: #e0effc !important;
	color: black;
	text-shadow: none;
	box-shadow: none !important;
	border-radius: initial;
}

/**************************************** CALENDAR **************************************/
.ui-datepicker-trigger {
	height: 33px;
}

.ui-datepicker-trigger .ui-icon {
	text-indent: 0px !important;
	left: 37% !important;
	margin-left: -8px !important;
	margin-top: -10px !important;
}

.ui-datepicker-trigger .ui-icon-calendar {
	background: none !important;
	height: 25px;
	width: 25px;
}


.ui-datepicker-trigger .ui-icon-calendar:before {
	height: 100px;
	width: 100px;
	content: "\f073" !important;
	background: transparent !important;
	font-size: 15px !important;
	text-shadow: none !important;
	color: #000000;
	font-weight: normal !important;
}

.ui-datepicker .ui-datepicker-header {
	background: #d4e1f5;
}

.ui-datepicker .ui-datepicker-current-day .ui-state-default {
	text-shadow: 1px 1px 1px #c7c6c6;
	text-decoration: underline overline;
	color: #000000 !important
}

/*********************** OPCION SELECCIONAR COMBOS EN COLOR GRIS ************************/
.ui-selectonemenu.with-placeholder .ui-selectonemenu-label {
    color: #9c9698;
}

.disabled-opacity{
	background-image: none;
	opacity: 0.35;
}

/********************************** DATATABLE *******************************************/
.ui-datatable-even {
	background-color: #ffffff;
}

.ui-datatable-odd {
	background-color: #e1d5e7;
}

.ui-datatable thead th,
.ui-datatable tbody,
.ui-datatable tbody tr,
.ui-datatable tbody td {
    border-style: none !important;
}

.ui-datatable thead th {
	padding: 10px 10px !important;
	background: #d4e1f5 !important;
}

.ui-datatable .ui-paginator-bottom {
	border: none;
	background : #d4e1f5;
	padding: 20px 10px !important;
}

.ui-datatable .ui-paginator-page, 
.ui-datatable .ui-paginator-rpp-options, 
.ui-datatable .ui-paginator-first, 
.ui-datatable .ui-paginator-next, 
.ui-datatable .ui-paginator-last,
.ui-datatable .ui-paginator-prev {
	background:  #ffffff !important;
}

.ui-datatable .ui-paginator-rpp-options {
	height: 26px;
	width: 64px;
}

.ui-datatable .ui-inputfield {
	background-color: white !important;
}

.ui-datatable .ui-button {
	background-color: white !important;
}

.ui-datatable .ui-selectonemenu-trigger {
	background-color: white !important;
}

/********************************** FLECHA SCROLL *******************************************/
.toTop { 
	background-color: #A50859;
	bottom: 2%;
	clear: both;
	color: #FFF;
	cursor: pointer;
	display: none;
	font-size: 35px;
	height: 46px;
	padding-top: 5px;
	padding-left: 7px;
	position: fixed;
	right: 2%;
	width: 46px;
	z-index: 1;
}


/*************************************** GROW **********************************************/

div[id*=":msgGlobal_container"] > div {
	color: #3a87ad;
	border-color:#bce8f1;
	background: #d9edf7 !important;
}

div[id*=":msgSuccess_container"] > div {
	color: #356911;
	border-color:#8ab760;
	background: #c1e2b0 !important;
}

div[id*=":msgError_container"] > div {
	color: #8a6d3b;
	border-color: #f5e79e;
	background: #f5e79e !important;
}

.ui-growl-image-info {
	background: none !important;
}

.ui-growl-image-info:before {
	
	content: "\F05A" !important;
	background: transparent !important;
	font-size: 30px !important;
	text-shadow: none !important;
}

.ui-growl-image-warn {
	background: none !important;
}

.ui-growl-image-warn:before {

	content: "\F071" !important;
	background: transparent !important;
	font-size: 30px !important;
	text-shadow: none !important;
}

.ui-growl-image-fatal {
	background: none !important;
}

.ui-growl-image-fatal:before {
	
	content: "\F00C" !important;
	background: transparent !important;
	font-size: 30px !important;
	text-shadow: none !important;
}

.ui-growl-icon-close {
	display: block !important;
}

.ui-growl-item .ui-growl-message {
	padding: 6px 0 10px 0 !important;
}

.ui-growl-message {
	text-shadow: none !important;
	word-wrap: break-word;
}

/*************************************** RADIO BOTONES LABEL **********************************************/
.ui-selectoneradio label {
	font-weight: normal !important;
}

/*************************************** AUTOCOMPLETE **********************************************/
.ui-autocomplete-itemtip {
	background-color: #CCE1F6;
	width: auto !important;
}

.contador-etapas-reg-per span{
	padding-bottom: 5px;
	padding-top: 5px;
}

.even-col-reg-per{
	background-color: #F0EAF3
}

.table .pink-colored th{
	background-color: #EC006A;
	border: 1px solid white;
	color: white;
}
.table .gray-colored th{
	background-color: #666460;
	color: white;
}

/*************************************** ACCORDION **********************************************/

.ui-accordion .ui-accordion-header {
	background-color: #e9e9e9 !important;
}

.ui-accordion .ui-state-default {
	color: #000000;
	text-shadow: none;
}

.ui-accordion .ui-state-default .ui-icon {
	background-image: none !important;
	text-indent: 0px !important;
	overflow: visible !important;
}

.ui-accordion .ui-state-default .ui-icon:before {
	content: "\F054" !important;
	font-size: 15px !important;
	color: #000000 !important;
	background: transparent !important;
	font-family: Arial,sans-serif, FontAwesome !important;
}

.ui-accordion .ui-state-hover {
	background-color: #C6C6C6 !important;
	color: #000000;
	text-shadow: none;
}

.ui-accordion .ui-state-active {
	background-color: #4A4D7F !important;
	color: #FFFFFF;
	text-shadow: none;
}

.ui-accordion .ui-state-active .ui-icon {
	background-image: none !important;
	text-indent: 0px !important;
	overflow: visible !important;
}

.ui-accordion .ui-state-active .ui-icon:before {
	content: "\F078" !important;
	font-size: 15px !important;
	color: #FFFFFF !important;
	background: transparent !important;
	font-family: Arial,sans-serif, FontAwesome !important;
}

.ui-accordion .ui-accordion-content {
	border: 1px solid #d1d7ec !important;
}

/*************************************** CHECKBOX **********************************************/

.ui-selectmanycheckbox label {
	margin-top: 5px;
	font-weight: normal;
}