.loc {
	color: #47B077;
}

.des {
	color: #FF0;
}

.pre {
    color: #FFA0A0;
}

.pro {
	color: #FFF;
}

body {
	overflow: hidden; 
}

img {
	border: none;
}

.centro {
	margin: 0px auto;
}

.left {
	text-align: left;
}

.right {
    text-align: right;
}

.center {
    text-align: center;
}

.ui-treetable-data > tr.textoRojo {
    color:#F00;
}

.ui-treetable-data > tr.textoPE {
    color:#000;
}

.ui-treetable-data > tr.textoPR {
    color:#00F;
}

.ui-treetable-data > tr.textoVE {
    color:#8F00FF;
}

.ui-treetable-data > tr.textoER {
    color:#000;
}

.ui-treetable-data > tr.textoEP {
    color:#FF8000;
}

.ui-treetable-data > tr.textoRE {
    color:#0F9D58;
}

.ui-treetable-data > tr.textoNR {
    color:#5DC1B9;
}

.ui-treetable-data > tr.leyendaRojo {
    background:#FF7575;
}

.ui-treetable-data > tr.leyendaVerde {
    background-color:#B3FFB3;
}

.ui-treetable-data > tr.leyendaAmarillo {
    background-color:#FEFFCA;
}

.ui-treetable-data > tr.leyendaAzul {
    background-color:#C3CEFF;
}

.ui-treetable-data > tr.leyendaRosado {
    background-color:#D99D9D;
}

.ui-treetable-data > tr.leyendaRosa {
    background-color:#FFCCCC;
}

.ui-treetable-data > tr.leyendaNaranja {
    background-color: #EDBE50;
    /*background-color: rgba(255, 146, 7, 0.91);*/
}

div[id$="lista"] {
    width:90%;
    margin: 0px auto;
}

/* Lupa en un autocompletar */
.wrappericon:before {
	font-family: 'Material Icons';
    content: "";
    color:black;
    position: absolute;
}

.ui-autocomplete-input {    
    text-indent: 15px; 
}

/* Width para el Autocompletar */
.widthAutcompletar > ul {
    width: 300px !important;
    display: block;
    overflow: visible !important;
    white-space: normal !important; 
}

/* Width para el Autocompletar multiple */
.widthAutoComplete > ul.ui-autocomplete-multiple-container.ui-inputfield {
    width: 150px !important;
}

.ui-autocomplete-multiple-container  {
    padding-left: 20px !important;
}


/* Arreglos Autocomplete Múltiple */
body .ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-multiple-container.ui-inputfield {
    padding-bottom: 0px;
}

.ui-autocomplete > ul, .ui-autocomplete > ul > li {
    padding: 0px;
    margin-bottom: 0px;
}

.ui-autocomplete-token {
    padding: 0px;
    margin: 0px 2px;
}

.ui-autocomplete > ul, .ui-autocomplete > ul > li {
    position: relative;
    top: -2px;
} 

/* SelectOneMenu texto puntos suspensivos si es más grande del width de la columna */
body.layout-compact .ui-selectonemenu .ui-selectonemenu-label {
    text-overflow: ellipsis;
}

.ui-fluid .ui-selectonemenu {
    min-width: 0px !important;
}

/* Cambiar tamaño del PickList */
.tabPickListPersonal table {
    width: 60%;
}

.picklistPersonal div ul {
	width:100% !important;
}

.picklistPersonal .ui-picklist-list-wrapper {
	width: 50% !important;
}

/* SelectOneButton */
.ui-selectonebutton {
    width: 75%;
    min-width: 50px;
    top: -7px;
    position: relative;
}

/* Clear Both */
.clearBoth {
	clear: both;
}

/* Botonera Modal */
.botoneraModal {
    float: right;
    margin: 0 auto;
}

/* Etiquetas con nowrap */
.ui-outputlabel .ui-widget {
	white-space: nowrap;
}

/* Quita el margen del menú cuando se maximiza la pantalla */
.sinMarginLayoutMain {
	margin-left: 0px !important;
}

/* Calendar tamanyo por defecto */
.calendarTamanyo > input {
	width: 95px !important;
}

.calendarTamanyoHoras > input {
    width: 110px !important;
}



