/********************************************/
/*          General Style classes           */
/********************************************/


body {
	font-size: 11px !important;
}

table label.ui-outputlabel.ui-widget {
	font-size: 11px !important;
	font-weight: bold;	
}

table tfoot tr td span button {
	margin: 3px;
}

input[type=file] {
	width: 280px;
}

a img {
	border-width: 0px !important;
}

span.shortCalendar input.ui-inputfield {
   width:80px!important;
}

span.shortAutoComplete input.ui-autocomplete-input {
   width:135px!important;
}


/********************************************/


/********************************************/
/*         PrimeFaces Style classes         */
/********************************************/

/** Layouts **/
.ui-layout-unit-header .fa {
	font-size: 16px !important;
  	margin-right: 7px;
}
.ui-layout-north form {
	margin: 0px !important;
}

/*Panel superior*/
.ui-layout-pane-north{
	border-radius: 0px!important;	
}
.ui-layout-pane-north .ui-inputfield {
	padding: 3.5px 0px 3.5px 0px !important;
}
.ui-layout-pane-north .ui-layout-unit-content {
	height: 39px;
	border: none !important;
	overflow: hidden;
	background: transparent!important;	
}
.ui-layout-pane-north.impersonando .ui-layout-unit-content {
	margin-top: 0!important;	
}
.ui-layout-pane-west button{
	margin-top: 5px;
	width: 190px;
}
.ui-layout-pane-center > .ui-widget-header{
	font-weight: normal;
 	background: #c3ccd4 url(/abii-web/resources/images/theme/head.background3.gif) repeat-x; 
	border:0px solid #B7B7B7!important;
	color: #D4FFFF;
	margin-top: -2px;
	margin-left: -2px;
	width: 100%;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.ui-layout-pane-center > .ui-widget-header button{
	float: right;
	/*	margin-top: -24px;*/
	background: none repeat scroll 0% 0% #FFF;
	border: none;
}
.ui-layout-pane-center > .ui-widget-header button.ui-state-hover {
	border: none!important;
	background: none repeat scroll 0% 0% #e9e9e9;
}
.ui-layout-pane-center .ui-widget-header{
	
}
/********************************************/

.ui-panel .ui-panel-content{
	padding:0.5em 0em;	
}

/** Panel Grid **/
.ui-panelgrid tr,.ui-panelgrid td {
	border: none !important;
	font-size: 11px !important;
}
.ui-panelgrid .ui-panelgrid-cell {
	border-width: 1px;
	border-style: solid;
	border-color: inherit;
	padding: 2px 4px;	
}
.ui-panelgrid .ui-panelgrid-footer{
	height:20px;
}
/********************************************/


/** Panel Menu **/
.ui-panelmenu .ui-panelmenu-header a{	
	font-weight: bold  !important;	  
}
.ui-panelmenu .ui-panelmenu-header span{
	color: white ;
}
/********************************************/

/** Tabs **/
.ui-tabs ul {
    line-height: 1.0!important;
}
.ui-tabs .ui-tabs-panel {
    padding: 0.1em 0.1em 0.1em 0.1em;    
}

/** Accordions **/
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
    border-top: 0;
    margin-top: -2px;
    position: relative;
    top: 1px;
    margin-bottom: 2px;
    overflow: auto;
    zoom: 1;
	
    border-bottom: 1px solid #79b7e7 !important;
    border-left: 1px solid #79b7e7 !important;
    border-right: 1px solid #79b7e7 !important;
    border-bottom-left-radius: 6px !important;
    border-bottom-right-radius: 6px !important;	
}
/********************************************/


/** Growl **/
.ui-growl {
	z-index: 9999 !important;
}
.ui-growl-image-info {
	background: url('../images/icon-confirmacion.png');
}
.ui-growl-image-warn {
	background: url('../images/icon-warning.png');
}
.ui-growl-image-error {
	background: url('../images/icon-error.png');
}

/********************************************/


/** Notification Bar **/
.ui-notificationbar {
	height: 50px;
	background: #ededed;
}
.ui-notificationbar button{
	background: none repeat scroll 0% 0% #007173!important;
	box-shadow: 0px 0px 6px 0px #2E2E2E inset;
	border: 1px solid #C8C8C8!important;
	color:white!important;
}
/********************************************/


/** Button**/
.ui-button-text-icon-left .ui-button-text {
    padding: .2em 1em .2em 2em;
}

.ui-button-icon-only {
	width: 22px!important;
    padding: 1px 0px 1px 0px;
}
/********************************************/


/** Input Field **/
.ui-inputfield  {
	width: 150px;
	font-size: 10px !important;
}
/********************************************/


/** Selection Menus **/
.ui-autocomplete-input {
	width: 130px;
	background: #F4F8FE !important
}
.ui-selectlistbox-listcontainer .ui-state-hover{
	border: 0px!important;
}
.ui-selectlistbox-listcontainer .ui-state-highlight{
	background: #DDD;
	border-radius: 0px;
}
/********************************************/


.ui-selectonemenu{
	width: 128px;
}

.ui-selectonemenu .ui-selectonemenu-label{
	
}

.ui-calendar .ui-trigger-calendar{
	width: 128px;
}

.ui-panelgrid-cell .ui-selectonemenu{
	width: 128px !important;
}


/** DataTable **/
.ui-datatable .ui-datatable-header, .ui-datatable .ui-datatable-footer {
    text-align: center;
    padding: 2px 10px 5px 10px;
}
.ui-datatable{
	margin: 5px 0px;
}
.ui-datatable th.wrap {
    white-space: normal;
}
.ui-datatable-data {
	font-size: 11px;
}
.ui-datatable-data .ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only{
	background: transparent !important;
	border: none !important;
	color: #E17009 !important;
}
.ui-datatable-data td{
	padding: 1px 3px!important;
}
.ui-datatable-data .ui-button-icon-only .ui-button-text {
	padding: 2px!important; 
}
.ui-datatable-header {
	height: 16px;
}
.ui-datatable-header .fa {
	font-size: 16px !important;
  	margin-right: 7px;
  	margin-top: 2px;
}
.ui-datatable-header .ui-button-text-icon-left .ui-icon {
	margin-top: -10px;
}
.ui-datatable-footer {
	height: 16px;
}
.ui-datatable-empty-message td {
	display: none!important;
}
/********************************************/


/** Tree Table **/
.ui-treetable{
	margin: 5px 0px;
}
.ui-treetable th.wrap {
    white-space: normal;
}
.ui-treetable-data {
	font-size: 11px;
}
.ui-treetable-data button{
	background: transparent !important;
	border: none !important;
	color: #E17009 !important;
}
.ui-treetable-data td{
	padding: 2px 5px!important;
}
.ui-treetable-data .ui-button-icon-only .ui-button-text {
	padding: 2px!important; 
}
.ui-treetable-header {
	height: 16px !important;
}
.ui-treetable-header .fa {
	font-size: 16px !important;
  	margin-right: 7px;
  	margin-top: 2px;
}
.ui-treetable-header .ui-button-text-icon-left .ui-icon {
	margin-top: -10px;
}
.ui-treetable-footer {
	height: 16px !important;
}
.ui-treetable-empty-message td {
	display: none!important;
}
/********************************************/


/** Editors **/
.ui-row-editor{
	display: inline;
}
.ui-row-editor:after {
    clear: none;
}
/********************************************/


/** Fonts **/
.ui-column-title {
	font-size: 11px;
}
.ui-paginator{
	font-size: 10px;	
}
.ui-paginator-current{
	font-size: 10px;	
}
.ui-widget .ui-widget {
	font-size: 11px !important;
}
/********************************************/


/** Fa Icons **/
.fa {
	font-size: 14px !important;
}
.fa-warning:before, .fa-exclamation-triangle:before {
	color: orange;
}
.fa-times-circle:before {
	color: red;
}
.fa-check:before { 
	color: lightgreen;
}
/********************************************/


/** Icons **/
.ui-icon-seek-next {
	background-position: -32px -162px;
}
.ui-icon-seek-prev {
	background-position: -48px -162px;
}
.ui-icon-seek-first {
	background-position: -80px -162px;
}
.ui-icon-seek-end {
	background-position: -64px -162px;
}
/********************************************/


/** Dialogs **/
.ui-dialog {
	
}
.ui-dialog-titlebar{
	background: #277b2a url(/abii-web/resources/images/theme/head.background3.gif) repeat-x;
	color: #D4FFFF;
}
/********************************************/



/********************************************/
/*          Custom Style classes            */
/********************************************/


/** Header Form **/
#headerViewForm {
	margin: 0px;
}
/********************************************/


/** Login **/ 

.login {
	margin: 0;    
        padding: 0;
	top: 25% !important;
	position: relative;
	border: none;
}
.login-background {
	background: url('../images/login-background.jpg') no-repeat scroll center center;
	background-size: 100% 100%;
	width: 100% !important;
	height: 100% !important;
	
}
.login-image {
	background: url('../images/login.png') no-repeat scroll center center;
        height: 300px !important;
}

.login-panelgrid {
	margin-top: 110px;
	margin-left: 50%;
}
.login-panelgrid .ui-widget-content {
	background: transparent !important;
}
.login-panelgrid.ui-widget {
	font-size: 13px !important;
}
.login-panelgrid.ui-widget .ui-panelgrid-cell  button {
	margin-top: 7px !important;
	padding: 4px;
	color: white;
	font-size:12px !important;
}

.btnLogin {
	float:right !important;
	margin:0px 0px 0px 0px;
}
/********************************************/


/** Clocks **/ 
.clock-loading{
	background: url('../images/loading.gif');
}

.clock-process {
	background: url('../images/process.gif');
}

.clock-spinner {
	background: url('../images/spinner.gif');
}

/********************************************/


/** Impersonation **/
/*header impersonado*/
.impersonandoProd{
	background: #e2002b; /* red */
}
.deimpersonadoProd{
	background: #00257a; /* blue */
}
.impersonandoQa{
	background: #ff8097; /* light red */
}
.deimpersonadoQa{
	background: #a480ff; /* light blue */
}
.impersonandoDev{
	background: #bfbfbf; /* light gray */
}
.deimpersonadoDev{
	background: #808080; /* gray */
}
.userImpersonated {
	background-color:#FFFFCC !important; /* light yellow */
}
.userImpersonatedPanelGroup {
	margin-top: 8px;
}
/********************************************/


/** Layout **/
.pulled-left {
	float: left !important;
}
.pulled-right {
	float: right !important;
}
.noPadding {
	padding: 0px!important;
}
.all-centered {
	width: 100%; 
	text-align: center;
}
.text-center {
	text-align: center;
}
.noVertPadding {
    padding-top: 0px!important;
    padding-bottom: 0px!important;
}
/********************************************/


/** Tables **/
.centrarTabla {
	margin: 0 auto;
}
.tableWithNoPadingCells.ui-datatable tbody.ui-datatable-data td.noPadding {
	padding: 0px !important;
	border-spacing: 0px !important;
}
/********************************************/


/** Filter Panel **/
.panelFiltro table {
	align: center;
}

.vertAlign {
   vertical-align: top;
}
/********************************************/


/** Buttons **/
.filterButtonPanel button {
	
}
.actionButtonPanel button span{
	font-weight:bold;
}

.filterButton span {
	height: 15px !important;
  	margin-top: 2px !important;
}
.filterButton span:first-child {
  	font-size: 11px !important;
  	margin-top: -4px !important;
}

.actionButton span {
	height: 15px !important;
  	margin-top: 2px !important;
}
.actionButton span:first-child {
  	font-size: 11px !important;
  	margin-top: -8px !important;
}
/********************************************/

/** Editors **/
.numeric-editor input.ui-inputfield.ui-inputtext.ui-widget.ui-state-default.ui-corner-all{
	text-align:right;				
} 
.grid-editor input{
	width:100%;				
}
/********************************************/


/** Ticket **/
.okMessage{
	color: #083C0E;
}
.warningMessage{
	color: #7A2F0A;
}
.errorMessage{
	color: #4B0004;
}

.okBackground div.ui-panel-titlebar.ui-widget-header.ui-helper-clearfix.ui-corner-all{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f8ffe8+0,e3f5ab+33,b7df2d+100;Green+3D+%234 */
	background: #f8ffe8; /* Old browsers */
	background: -moz-linear-gradient(top, #f8ffe8 0%, #e3f5ab 33%, #b7df2d 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f8ffe8 0%,#e3f5ab 33%,#b7df2d 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f8ffe8 0%,#e3f5ab 33%,#b7df2d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ffe8', endColorstr='#b7df2d',GradientType=0 ); /* IE6-9 */
}
.warningBackground div.ui-panel-titlebar.ui-widget-header.ui-helper-clearfix.ui-corner-all{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fefcea+0,f1da36+100;Gold+3D */
	background: #fefcea; /* Old browsers */
	background: -moz-linear-gradient(top, #fefcea 0%, #f1da36 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #fefcea 0%,#f1da36 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #fefcea 0%,#f1da36 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=0 ); /* IE6-9 */
}
.errorBackground div.ui-panel-titlebar.ui-widget-header.ui-helper-clearfix.ui-corner-all{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#febbbb+0,fe9090+45,ff7a7a+100 */
	background: #febbbb; /* Old browsers */
	background: -moz-linear-gradient(top, #febbbb 0%, #fe9090 45%, #ff7a7a 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #febbbb 0%,#fe9090 45%,#ff7a7a 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #febbbb 0%,#fe9090 45%,#ff7a7a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#febbbb', endColorstr='#ff7a7a',GradientType=0 ); /* IE6-9 */
}



#pgMovers .ui-panelgrid-cell {
	padding: 0px!important;
}

.ui-column-filter .ui-inputfield  {
	font-size: 10px !important;
}


.ui-columntoggler .ui-widget .ui-widget-content .ui-shadow .ui-corner-all {
	display: none;
}

.pageTable .ui-datatable-tablewrapper{
	overflow:hidden !important;	
}
.pageTable .ui-treetable-tablewrapper{
	overflow:hidden !important;	
}
.pageTable table{
	table-layout:auto !important;
}

/********************************************/
/*   Exotics Color Style classes for cells  */
/********************************************/

.cellBlank input {
	background-color: white !important;
}

.cellGreen input{
	background-color: #82E0AA !important;
	color: black !important;
}

.cellYellow input{
	background-color: #F7DC6F !important;
}

/*Le ponemos un border para rellenar el td, ya que PF usa un padding interno en el td que hace que el div se vea mal*/
.cellYellowDiv{
	background-color: #F7DC6F !important;
	border: 4px solid #F7DC6F !important;
	border-radius: 4px;
}

.cellRedDiv{
	background-color: #EC7063 !important;
	border: 4px solid #EC7063 !important;
	border-radius: 4px;
}

.cellBlackDiv{
	background-color: black !important;
	border: 4px solid black !important;
	border-radius: 4px;
	color: white;
}

.cellGreenDiv{
	background-color: #82E0AA !important;
	border: 4px solid #82E0AA !important;
	border-radius: 4px;
}

.cellRed input{
	background-color: #EC7063 !important;
}

/************************************************/
/*Clase para poner en negrita la fila agrupadora*/
/************************************************/

.grouped-row-bold {	
	font-weight: bold  !important;	  
}

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

/********************************************/
/* Scrollbar*/
/********************************************/
.floating-scrollbar {
    overflow:auto;
}


/********************************************/
/* Updating selectors*/
/********************************************/
.exclude-for-update{	
}
.include-for-update{	
}
/*****************************/
/* Mensaje agregado al login
/*****************************/

.mensaje {
  display: flex;
  justify-content: right;
  width: 68%;
  font-size: 11px !important;

}

.leyenda {
	/*display:inline-block;*/
	justify-content: center;
}