body {
	color: #4f4f4f;
	background-color: #fff;
}

a {
	color: #00f;
}

label.CheckBoxDisabled {
	color: #999999;
}

table.Content {
	background-color: #fff;
}

.Info {
	color: #090;
}

.Warn {
	color: #00f;
}

.Error {
	color: #f00;
}

.Fatal {
	color: #f00;
}

.Null {
	color: #808080;
}

.StatusBar {
	background-color: #eaeaea;
	border: 1px solid #ccc;
}

tr.Even {
	background-color: #fff;
}

tr.Odd {
	background-color: #f3f8ff;
}

tr.Highlighted {
	background-color: #fff499;
}

a.DataHeader {
	color: #fff;
}

a.DataHeader:link {
	color: #fff;
}

a.DataHeader:hover {
	color: #fff;
}

a.DataHeader:visited {
	color: #fff;
}

a.DataHeader:active {
	color: #fff;
}

.ui-widget-overlay {
	background: none repeat scroll 0 0 #4f4f4f !important;
	opacity: 0.3;
}

.ui-button.ui-state-default {
	background: #fff;
	border-radius: 4px;
	border-color: #c8c8c8;
	margin: 3px;
	font-weight: normal;
}

.ui-button.ui-state-hover,
.ui-button.ui-state-focus {
	box-shadow: none;
	outline: none;
	background: #e6e7e8;
}

.ui-button.ui-state-focus {
	border-color: #379ddd;
}

.ui-button.ui-state-active {
	box-shadow: none;
	background: #dddee0;
}

.ui-dialog .ui-button.ui-state-default:not(.gfaces-light-button) {
	background: #ebeced;
}

.ui-dialog .ui-button:not(.gfaces-light-button).ui-state-hover,
.ui-dialog .ui-button:not(.gfaces-light-button).ui-state-focus {
	background: #d1d2d4;
}

.ui-dialog .ui-button:not(.gfaces-light-button).ui-state-active {
	background: #efeff0;
}

.ui-spinner-button.ui-state-default,
.ui-dialog .ui-button.ui-spinner-button.ui-state-default {
	height: calc(50% - 2px);
	border-color: #a8a8a8;
	background: #fff;
}

.ui-spinner-button.ui-state-hover,
.ui-dialog .ui-button.ui-spinner-button.ui-state-hover {
	background: #e6e7e8;
}

.ui-spinner-button.ui-state-active,
.ui-dialog .ui-button.ui-spinner-button.ui-state-active {
	background: #dddee0;
}

.ui-spinner-up.ui-state-default {
	border-radius: 0 3px 0 0;
}

.ui-spinner-down.ui-state-default {
	border-radius: 0 0 3px;
}

.ui-corner-tr {
	border-top-right-radius: 3px !important;
}

.ui-corner-br {
	border-bottom-right-radius: 3px !important;
}

.ui-toolbar.ui-widget-header {
	background: #dddee0 !important;
	border-color: #c8c8c8 !important;
	border: medium none;
}

.ui-dialog-titlebar {
	background: #d4deeb !important;
	border-color: #c8c8c8 !important;
}

.ui-dialog-footer {
	border: 0;
	border-top: 1px solid #c8c8c8;
}

.ui-fileupload-buttonbar {
	background: #eaeaea !important;
	border-color: #c8c8c8 !important;
}

.ui-fileupload-content {
	border-color: #c8c8c8 !important;
}

.ui-panel-titlebar {
	background: #d4deeb !important;
}

.ui-panel {
	border-color: #c8c8c8 !important;
}

.ui-layout-pane {
	border-color: #c8c8c8 !important;
}

/* tab panel classes */
.ui-tabs {
	margin-top: 7px;
	border: none;
	padding: 0;
}

.ui-tabs .ui-tabs-nav {
	background-color: transparent;
}

.ui-tabs .ui-tabs-nav li {
	margin: 2px 0 0 4px;
}

.ui-tabs .ui-tabs-nav .ui-tabs-selected {
	border-color: #dddddd !important;
	border-bottom: none !important;
}

.ui-tabs li.ui-state-default {
	background: #d4deeb;
	border-color: #dddddd !important;
}

.ui-tabs .ui-tabs-panel {
	background-color: #f2f5f9;
}

.ui-tabs .ui-tabs-nav .ui-tabs-selected {
	background-color: #f2f5f9;
}

.ui-tabs .ui-tabs-panels {
	border: 1px solid #dddddd;
	border-radius: 0;
}

.ui-tabs .ui-tabs-nav li a {
	color: #4f4f4f;
	float: left;
	padding: 4px 8px;
	text-decoration: none;
	font-size: 1em !important;
	text-shadow: none;
}

/* end tab panel classes */
a.TreeNode {
	color: #0066ff;
}

.ui-treenode-label {
	margin-left: 0 !important;
}

.ui-treenode-label.ui-state-hover {
	background: #deecff !important;
	color: #232323 !important;
	box-shadow: none;
}

td.CheckBox {
	border-bottom: 1px solid #93b8d8;
	width: 20px;
}

th.CheckBox {
	color: #fff;
}

th.Data {
	color: #fff;
}

table.Data {
	border: 1px solid #93b8d8;
}

td.DataBasic {
	border-bottom: 1px solid #93b8d8;
}

td.Data {
	border-bottom: 1px solid #93b8d8;
	border-right: 1px solid #93B8D8;
}

td.WrapDataBasic {
	border-bottom: 1px solid #93b8d8;
}

td.WrapData {
	border-bottom: 1px solid #93b8d8;
	border-right: 1px solid #93B8D8;
}

td.NumericDataBasic {
	border-bottom: 1px solid #93b8d8;
}

td.NumericData {
	border-bottom: 1px solid #93b8d8;
	border-right: 1px solid #93B8D8;
}

td.ImageDataBasic {
	border-bottom: 1px solid #93b8d8;
}

td.ImageData {
	border-bottom: 1px solid #93b8d8;
	border-right: 1px solid #93B8D8;
}

td.ActionIconsBasic {
	border-bottom: 1px solid #93b8d8;
}

td.ActionIconsWide {
	border-bottom: 1px solid #93b8d8;
}

td.ImageDataThinBasic {
	border-bottom: 1px solid #93b8d8;
}

td.ImageDataThin {
	border-bottom: 1px solid #93b8d8;
	border-right: 1px solid #93B8D8;
}

a:link {
	color: #0066ff;
}

a:visited {
	color: #0066ff;
}

a:active {
	color: #0066ff;
}

a:hover {
	color: #0066ff;
}

.ui-shadow {
	box-shadow: none;
	-webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.4) !important;
	-moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.4) !important;
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.4) !important;
}

/* menu classes */
.ui-menubar {
	background: #3D444C;
	border-radius: 0 !important;
}

.ui-menubar a:link {
	color: #f0f0f0;
}

.ui-menubar a:active {
	color: #f0f0f0;
}

.ui-menubar a:visited {
	color: #f0f0f0;
}

.ui-menubar .ui-menuitem-active .ui-state-hover {
	background: #226197 !important;
	box-shadow: none;
	box-shadow: 0 0 4px #7d7e7d !important;
}

.ui-menubar .ui-menu-child {
	background: #3D444C !important;
	border-color: #3D444C !important;
}

.ui-menuitem .ui-icon-triangle-1-s {
	background: url("/images/icons/triangle-1-s.png") !important;
}

.ui-menuitem .ui-icon-triangle-1-e {
	background: url("/images/icons/triangle-1-e.png") !important;
}

.ui-menubar .ui-menu-child {
	top: 27px !important;
}

.ui-menubar .ui-menuitem-link {
	padding-left: 10px !important;
	padding-right: 10px !important;
}

.ui-menubar {
	min-width: 800px;
}

/* end menu classes */

/* footer classes */
#footer {
	color: rgba(255, 255, 255, .58);
}

#footer a {
	color: #fff;
	text-decoration: underline;
}

#footer a:link,
#footer a:visited {
	color: #fff;
}

#footer a:hover,
#footer a:active {
	text-decoration: none;
	color: #13885E;
}

.FooterDiv #footer {
	color: #13885E;
}

.FooterDiv #footer a:link,
.FooterDiv #footer a:visited {
	color: #13885E;
	text-decoration: underline;
}

.FooterDiv #footer a:hover,
.FooterDiv #footer a:active {
	text-decoration: none;
}



/* end footer classes */
span.RequiredAttribute {
	color: #f00;
}

table.DisclaimerFormPanel {
	background-color: #fff;
}

table.FormPanel {
	background-color: #f2f5f9;
	border: 1px solid #93b8d8;
}

.PopupInvisible {
	background-color: #fff;
}

.QuickHelpVisible {
	background-color: #ffffcc;
	border: 1px solid #ccc;
}

.ToolBarItem:link {
	color: #000000;
}

.ToolBarItem:visited {
	color: #000000;
}

.ToolBarItem:active {
	color: #000000;
}

.ToolBarItem:hover {
	color: #000000;
	background-image: url(/images/toolbar_bg_hover.png);
}

.lsFieldSetDiv {
	border-bottom: 1px solid #337A2E;
}

.lsFieldSetSubtitle {
	color: #337A2E;
}

.FileChooserMessages div {
	background-color: #fff;
	border: 1px solid #93b8d8;
}

.Disabled {
	color: #999999;
}

.FormTabPanel {
	background-color: #f3f8ff;
	border-top: 0 solid #93b8d8;
	border-left: 1px solid #93b8d8;
	border-right: 1px solid #93b8d8;
	border-bottom: 1px solid #93b8d8;
}

.RegisterHeader {
	color: #fff;
}

.SecureMailDashboardColumn {
	border-bottom: 1px solid #DDDDDD;
}

.SecureMailDashboardSecondRow {
	color: #666666;
}

.rich-pmenu-item .rich-pmenu-selected-element {
	background-color: #dddddd;
}

#Breadcrumbs ul li a {
	color: #3b73af;
}

.webdocsMenuSelected {
	color: #232323 !important;
	background-color: #eeeeee;
	background-image: url(/images/collapsed.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #232323;
}

/* datatable classes */
.ui-datatable a {
	color: #3b73af !important;
}

.ui-datatable a:link {
	color: #3b73af !important;
}

.ui-datatable a:hover {
	color: #3b73af !important;
}

.ui-datatable a:visited {
	color: #3b73af !important;
}

.ui-datatable a:active {
	color: #3b73af !important;
}

.ui-datatable tbody td {
	border-color: #dddddd !important;
}

.ui-datatable tbody tr {
	border-left-width: 0 !important;
	border-right-width: 0 !important;
	border-top-color: #dddddd !important;
	border-bottom-color: #dddddd !important;
}

.ui-datatable tbody td,
.ui-datatable tfoot td {
	border-left-width: 0 !important;
	border-right-width: 0 !important;
	bolder-top-color: #dddddd !important;
	bolder-bottom-color: #dddddd !important;
}

.ui-datatable tr.ui-state-highlight {
	background-image: none !important;
	background-color: #cae9fd !important;
	color: #4f4f4f !important;
}

.ui-treetable tr.ui-state-highlight {
	background-image: none !important;
	background-color: #cae9fd !important;
	color: #4f4f4f !important;
}

.ui-treetable tr.ui-widget-content tr.ui-state-highlight {
	background-image: none !important;
	background-color: #cae9fd !important;
	color: #4f4f4f !important;
}

.ui-datatable tr.ui-state-hover {
	background-image: none !important;
	background-color: #F1F1F2 !important;
}

.ui-datatable .ui-paginator-bottom {
	background-image: none;
	border-radius: 0;
}

.ui-datatable .ui-paginator-page,
.ui-datatable .ui-paginator-first,
.ui-datatable .ui-paginator-prev,
.ui-datatable .ui-paginator-next,
.ui-datatable .ui-paginator-last {
	background-color: #f1f1f2;
	background-image: none;
	border-color: #f1f1f2;
}

.ui-paginator-page.ui-state-active {
	background-color: #cae9fd;
	border-color: #cae9fd;
	text-decoration: none !important;
}

.ui-paginator-page.ui-state-focus,
.ui-paginator-page.ui-state-hover,
.ui-paginator-first.ui-state-focus,
.ui-paginator-first.ui-state-hover,
.ui-paginator-prev.ui-state-focus,
.ui-paginator-prev.ui-state-hover,
.ui-paginator-next.ui-state-focus,
.ui-paginator-next.ui-state-hover,
.ui-paginator-last.ui-state-focus,
.ui-paginator-last.ui-state-hover {
	background-color: #e6e7e8;
	border-color: #e6e7e8;
	box-shadow: none;
	text-decoration: none !important;
}

.ui-state-default.ui-paginator-rpp-options {
	border-radius: 0;
	background: #f1f1f2;
	border-color: #f1f1f2;
	height: 20px;
	outline-width: 0;
}

.ui-state-default.ui-paginator-rpp-options:hover,
.ui-state-default.ui-paginator-rpp-options.ui-state-focus {
	box-shadow: none;
	background-color: #e6e7e8;
	border-color: #e6e7e8;
	outline-width: 0;
}

.ui-state-default.ui-paginator-rpp-options option {
	background-color: #f1f1f2;
	border: none;
}

/* end datatable classes */

/* drag n drop helper div */
.helperDiv {
	background-color: #f1f1f2;
	border: solid #c8c8c8 1px;
	border-radius: 4px;
	box-shadow: 0 0 15px 1px #f1f1f2;
	color: #3b73af;
	padding: 0;
	min-width: 150px;
}

.helperDiv.over-draggable {
	background-color: #cae9fd;
	border-color: #558DC9;
	box-shadow: 0 0 15px 1px #cae9fd;
}

.helperDiv > div {
	margin: 2px 15px 2px 15px;
}

.helperDiv .helperItems {
	display: none;
}

.helperDiv table {
	color: #4f4f4f;
}

.helperDiv td:first-child {
	width: 32px;
}

.helperDiv td {
	vertical-align: middle;
}

.helperDiv td img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-height: 32px;
	max-width: 32px;
}

.sidebar-droppable-hover {
	background-color: #3e454b;
}

.ui-treenode-selected > .ui-treenode-content > .ui-treenode-label > .sidebar-droppable-hover {
	background-color: inherit; /* Don't use hover color on selected nodes */
}

td.CommentActions {
	border-bottom: 0 solid #93b8d8;
	border-right: 0 solid #93B8D8;
}

td.Comments {
	border-bottom: 0 solid #93b8d8;
	border-right: 0 solid #93B8D8;
}

/* login classes */
.loginForm button {
	color: #fff !important;
	font-family: Roboto, Helvetica, Arial, sans-serif !important;
	font-size: 14px !important;
	font-weight: 500 !important;
}

.loginForm button.ui-state-default {
	background: #d10a11 !important;
	border-color: #d10a11 !important;
	border-radius: 4px;
	box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0px rgba(0, 0, 0, 0.14), 0 1px 5px 0px rgba(0, 0, 0, 0.12);
	padding: 4px 8px;
	margin: 0;
}

.loginForm .ui-button-text {
	font-size: 0.9rem !important;
	letter-spacing: .15em;
	text-transform: uppercase;
}

.loginForm button.ui-state-hover {
	background: #a82222 !important;
	box-shadow: 0 2px 4px -1px rgb(0 0 0 / 20%), 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%);
}

.loginForm button.ui-state-active {
	background: #4D7F71 !important;
}

.loginForm .inputDiv {
	display: flex;
	justify-content: center;
	margin-bottom: 16px !important;
}

.loginForm input {
	font-family: Roboto, Helvetica, Arial, sans-serif !important;
	font-size: 14px !important;
	padding: 8px 6px 9px;
	margin-bottom: 1px !important;
}

.loginForm .ui-inputfield,
.loginForm .ui-widget-content .ui-inputfield {
	box-shadow: none;
	border: 0;
	outline: 1px solid #a8a8a8;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover {
	background: none;
/* 	border-color: none; */
}

.loginForm .ui-inputfield.ui-state-focus,
.loginForm .ui-widget-content .ui-inputfield.ui-state-focus {
	box-shadow: none;
	border: 0;
	outline: 2px solid #d10a11;
}

/* end login classes */

/* dashboard classes */
.dashboardGrid tr {
	border: 0 solid #fff;
}

.dashboardGrid img {
	border-width: 0;
}

.dashboardPanel .ui-panelgrid.ui-panelgrid-cell {
	border: 0 solid #fff;
}

.dashboardPanel .ui-commandlink {
	color: #232323;
}

/* end dashboard classes */

/* progressbar classes */
.ui-progressbar {
	background: #F2F5F9;
	border-color: #c8c8c8;
}

.ui-progressbar .ui-progressbar-value {
	background: #6D6E70;
	border-color: #c8c8c8;
}

.ui-progressbar-warn.ui-progressbar {
	background: #f2dba6;
}

.ui-progressbar-warn.ui-progressbar .ui-progressbar-value {
	background: #f5b218;
}

.ui-progressbar-alert.ui-progressbar {
	background: #f0b9ba;
}

.ui-progressbar-alert.ui-progressbar .ui-progressbar-value {
	background: #b3292a;
}

.ui-progressbar-alert.ui-progressbar .ui-progressbar-label {
	color: #f0f0f0;
}

/* end progressbar classes */
.ui-dialog .ui-dialog-content.ui-df-content {
	padding: 10px;
}




/* ==========================================================================
   SOLUCIÓN MAESTRA DEFINITIVA: ELIMINACIÓN TOTAL DE RASTROS VERDES
   ========================================================================== */
a#imageLink, a#imageLink.ui-link.ui-widget, #navigation h1 a#imageLink, .NavigationInner h1 a, .brandImage { background-color: #a82222 !important; background: #a82222 !important; background-image: none !important; border: none !important; box-shadow: none !important; }
.HeaderOuter, div[class*="HeaderOuter"], .HeaderOuter div, .HeaderOuter table, .HeaderOuter tr, .HeaderOuter form, #PageHeaderForm { background-color: #d10a11 !important; background: #d10a11 !important; background-image: none !important; border: none !important; box-shadow: none !important; }
td.PageHeader, tr > td.PageHeader, .HeaderOuter table td.PageHeader, .PageHeader, td.PageHeader *, .PageHeader a, .PageHeader span, [id*="PageHeaderForm"] * { background-color: #d10a11 !important; background: #d10a11 !important; border: 0px solid transparent !important; border-color: transparent !important; border-top: none !important; border-bottom: none !important; border-left: none !important; border-right: none !important; box-shadow: none !important; -webkit-box-shadow: none !important; outline: none !important; }
#navigation, .Navigation, .NavigationInner, div[class*="Navigation"], #navigation > div { background-color: #a82222 !important; background: #a82222 !important; background-image: none !important; border-right: 1px solid #7a1515 !important; }
.Navigation .ui-state-highlight, .Navigation .ui-treenode-label.ui-state-highlight, .Navigation [class*="selected"], .Navigation [class*="active"], div[role="treeitem"] .ui-state-highlight, .menuItem.menuSelected, .TreeNode .ui-state-highlight { background-color: #a82222 !important; background: #a82222 !important; color: #ffffff !important; border-color: #7a1515 !important; background-image: none !important; }
.Navigation a, .Navigation span, .Navigation .ui-tree-node-label, #navigation a, #navigation span { color: #ffffff !important; text-shadow: none !important; }
.Navigation a:hover, .Navigation .ui-tree-node-label:hover, #navigation a:hover, .TreeNode .ui-state-hover, .ui-accordion .ui-accordion-header:hover { background-color: #d10a11 !important; color: #ffffff !important; }

/* CORRECCIÓN DEL CÍRCULO DE USUARIO */
a#accountLink.accountCircle, .accountCircle, .accountIcon, span.accountIcon { background-color: #d69494 !important; background: #d69494 !important; color: #222222 !important; border: 1px solid #a82222 !important; text-shadow: none !important; }
a#accountLink.accountCircle:hover, .accountCircle:hover { background-color: #ffffff !important; background: #ffffff !important; color: #d10a11 !important; }

/* ELIMINAR RECUADRO DE ENFOQUE EN USUARIO */
a#accountLink, a#accountLink *, .accountCircle, .accountCircle:focus, .accountIcon:focus { outline: none !important; outline-color: transparent !important; box-shadow: none !important; }


/* ==========================================================================
   LIQUIDACIÓN FINAL: CÍRCULO DE USUARIO COMPLETO Y BOTÓN OLVIDÉ CONTRASEÑA
   ========================================================================== */

/* 1. Fuerza el fondo rojo claro en el círculo pase lo que pase (Incluso en Hover/Focus) */
a#accountLink,
a#accountLink.accountCircle,
a#accountLink.ui-state-hover,
a#accountLink:hover,
a#accountLink:focus,
.accountCircle,
.accountIcon {
    background-color: #d69494 !important;
    background: #d69494 !important;
    color: #222222 !important;
    border: 1px solid #a82222 !important;
    border-radius: 50% !important;
    text-shadow: none !important;
    box-shadow: none !important;
    outline: none !important;
    outline-color: transparent !important;
    text-decoration: none !important;
}

/* 2. Destruye el recuadro interno negro/gris que encierra a la letra 'U' */
a#accountLink *,
.accountCircle *,
.accountIcon * {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    outline: none !important;
    outline-color: transparent !important;
    box-shadow: none !important;
}






/* ==========================================================================
   REPARACIÓN TOTAL: LOGIN ROJO AISLADO, ÁRBOL BLANCO Y ARCHIVOS SIN GRIS
   ========================================================================== */

/* 1. LOGIN: Afecta ÚNICAMENTE al link de "Olvido Contraseña" dentro del login, sin tocar el menú */
#loginForm .loginLinks a,
#loginForm a.ui-commandlink,
.loginForm a {
    color: #d10a11 !important; /* Rojo institucional */
    text-decoration: underline !important;
}
#loginForm .loginLinks a:hover,
#loginForm a.ui-commandlink:hover {
    color: #a82222 !important;
    text-decoration: none !important;
}


/* 2. ANULACIÓN TOTAL DE GRIS EN EL BLOQUE "ARCHIVOS" */
/* Forzamos a que el acordeón de PrimeFaces sea transparente en lugar de gris en todos sus estados */
.Navigation .ui-accordion .ui-accordion-header,
.Navigation .ui-accordion .ui-accordion-header.ui-state-default,
.Navigation .ui-accordion .ui-accordion-header.ui-state-hover,
.Navigation .ui-accordion .ui-accordion-header.ui-state-active,
.Navigation .ui-accordion .ui-accordion-header.ui-state-focus {
    background-color: transparent !important;
    background: transparent !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}


/* 3. MENÚ LATERAL COMPLETO: Letras siempre blancas fijas y CERO subrayados */
.Navigation .ui-accordion-header a,
.Navigation .ui-accordion-header span,
.Navigation .FolderTree a,
.Navigation .FolderTree span,
.Navigation .ui-treenode-label,
.Navigation .ui-treenode-content a {
    color: #ffffff !important; /* Letras blancas */
    text-decoration: none !important; /* Cero subrayados */
    border-bottom: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
}


/* 4. HOVER DE LAS CARPETAS DEL ÁRBOL (/(Inicio), Aprobado, etc.) */
/* Mantiene el bloque en rojo fuerte al pasar el mouse o seleccionarse sin heredar estilos del login */
.Navigation .ui-treenode-content.ui-state-highlight,
.Navigation .ui-treenode-selected > .ui-treenode-content,
.Navigation .ui-treenode-content:hover,
.Navigation .ui-treenode-content.ui-state-hover {
    background-color: #a82222 !important;
    background: #a82222 !important;
    background-image: none !important;
    border: none !important;
    border-radius: 3px !important;
}