/*!
 * uvTae - jQuery UI theme overrides
 * ---------------------------------
 * Este archivo NO reemplaza a jquery-ui-1.13.2.min.css, se carga DESPUES de el
 * en jsp/layouts/layoutExtranet.jsp para restaurar el tema visual "uvTae"
 * (beige / bordes oscuros) que se perdio al migrar jQuery UI de 1.10.3 a 1.13.2/1.13.3.
 *
 * Parametros ThemeRoller originales (tema uvTae, jQuery UI 1.10.3):
 *   ffDefault=Arial,Helvetica  fwDefault=normal  fsDefault=12px  cornerRadius=0
 *   Header:    bg=#E6E3D2 (highlight_soft)  border=#3F3C35  fc=#3F3C35  icon=#3F3C35
 *   Content:   bg=#ffffff (highlight_hard)  border=#3F3C35  fc=#3F3C35  icon=#3F3C35
 *   Default:   bg=#E6E3D2 (glass)           border=#d3d3d3  fc=#3F3C35  icon=#3F3C35
 *   Hover:     bg=#E6E3D2 (flat)            border=#999999  fc=#212121  icon=#454545
 *   Active:    bg=#ffffff (glass)           border=#aaaaaa  fc=#013952  icon=#454545
 *   Highlight: bg=#fbf9ee (glass)           border=#fcefa1  fc=#363636  icon=#013952
 *   Error:     bg=#fef1ec (glass)           border=#cd0a0a  fc=#cd0a0a  icon=#cd0a0a
 *   Overlay/Shadow: bg=#aaaaaa opacity=30%  thicknessShadow=8px
 *
 * Las imagenes de sprites e icons ya existen en css/uvTae-theme/images/ y NO se
 * han modificado ni regenerado. Las rutas se referencian de forma relativa
 * ("images/xxx.png"), igual que hace el propio jquery-ui-1.13.2.min.css, ya que
 * este fichero reside en la misma carpeta css/uvTae-theme/.
 */

/* uvTae override: tipografia base -- ThemeRoller ffDefault/fwDefault/fsDefault.
   jQuery UI 1.13.2 trae por defecto Arial,Helvetica,sans-serif / 1em, pero
   fijamos explicitamente los valores originales del tema uvTae. */
.ui-widget {
	font-family: Arial,Helvetica;
	font-size: 12px;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica;
	font-size: 1em;
}

/* uvTae override: cornerRadius=0 -- el tema original no usa esquinas
   redondeadas, mientras que el tema por defecto de 1.13.2 usa 3px. Se anula
   en todas las variantes de .ui-corner-*. */
.ui-corner-all,
.ui-corner-top,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-right,
.ui-corner-tl,
.ui-corner-tr,
.ui-corner-bl,
.ui-corner-br {
	border-radius: 0;
}

/* uvTae override: .ui-widget-content -- fondo blanco con textura
   "highlight_hard" y borde/texto oscuro (#3F3C35). Sustituye el gris claro
   (#ddd/#333/#eee) del tema por defecto de ThemeRoller. */
.ui-widget-content {
	border: 1px solid #3F3C35;
	background: #ffffff url(images/ui-bg_highlight-hard_75_ffffff_1x100.png) 50% top repeat-x;
	color: #3F3C35;
}
.ui-widget-content a {
	color: #3F3C35;
}

/* uvTae override: .ui-widget-header -- cabeceras (titlebars de dialogos,
   headers de acordeon/datepicker/tabs) con el beige caracteristico #E6E3D2
   y textura "highlight_soft", en vez del gris #e9e9e9 por defecto. */
.ui-widget-header {
	border: 1px solid #3F3C35;
	background: #E6E3D2 url(images/ui-bg_highlight-soft_75_E6E3D2_1x100.png) 50% 50% repeat-x;
	color: #3F3C35;
	font-weight: bold;
}
.ui-widget-header a {
	color: #3F3C35;
}

/* uvTae override: estado por defecto (botones, pestanas inactivas, dias del
   datepicker, etc.) -- beige #E6E3D2 con textura "glass" y borde #d3d3d3.
   En 1.13.2 este selector tambien afecta a .ui-button porque el tema base
   agrupa ambos selectores. */
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #d3d3d3;
	background: #E6E3D2 url(images/ui-bg_glass_75_E6E3D2_1x400.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #3F3C35;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button {
	color: #3F3C35;
	text-decoration: none;
}

/* uvTae override: hover/focus -- textura "flat", borde #999999, texto
   #212121, aplica a botones y elementos interactivos al pasar el raton. */
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #999999;
	background: #E6E3D2 url(images/ui-bg_flat_5_E6E3D2_40x100.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #212121;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
	color: #212121;
	text-decoration: none;
}

/* uvTae override: estado activo/pulsado -- fondo blanco textura "glass",
   borde #aaaaaa, texto azul oscuro #013952 (pestana activa, boton pulsado,
   dia seleccionado del datepicker). */
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #aaaaaa;
	background: #ffffff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
	font-weight: normal;
	color: #013952;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #013952;
	text-decoration: none;
}

/* uvTae override: highlight (p.ej. dia "hoy" del datepicker, mensajes
   informativos) -- fondo crema #fbf9ee, borde #fcefa1. */
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #fcefa1;
	background: #fbf9ee url("images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;
	color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #363636;
}

/* uvTae override: error/validacion -- fondo rosado #fef1ec, borde y texto
   rojo #cd0a0a (mensajes de error de formularios, spinner invalido, etc). */
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a;
	background: #fef1ec url("images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;
	color: #cd0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #cd0a0a;
}

/* uvTae override: disabled -- sin imagen de fondo, opacidad reducida (igual
   que el tema original; el tema por defecto de 1.13.2 ya aplica opacidad
   pero mantenemos la regla explicita para evitar fondos residuales). */
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	background-image: none;
}

/* uvTae override: iconos (.ui-icon) -- sprites de color especifico segun el
   estado del widget que los contiene. Sustituyen a los sprites grises por
   defecto (ui-icons_444444, _555555, _777777, _cc0000...). */
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("images/ui-icons_3F3C35_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("images/ui-icons_3F3C35_256x240.png");
}
.ui-state-default .ui-icon,
.ui-button .ui-icon {
	background-image: url("images/ui-icons_3F3C35_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url("images/ui-icons_454545_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("images/ui-icons_454545_256x240.png");
}
.ui-state-highlight .ui-icon {
	background-image: url("images/ui-icons_013952_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("images/ui-icons_cd0a0a_256x240.png");
}

/* uvTae override: overlay y sombra modal (fondo oscurecido detras de los
   dialogos y su sombra proyectada). bgColorOverlay/bgColorShadow=#aaaaaa,
   opacity 30%, thicknessShadow=8px. */
.ui-widget-overlay {
	background: #aaaaaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
	opacity: .3;
	filter: Alpha(Opacity=30);
}
.ui-widget-shadow {
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}

/* uvTae override: .ui-button -- refuerzo adicional del boton estandar para
   que herede el look beige (border/background) incluso en variantes que
   1.13.2 no comparte con .ui-state-default (p.ej. .ui-button-icon-only). */
.ui-button {
	color: #3F3C35;
}
.ui-button-icon-only .ui-icon,
.ui-button-icons-only .ui-icon {
	background-position: center;
}

/* uvTae override: .ui-datepicker -- cabecera del calendario hereda
   .ui-widget-header (beige) y el dia de "hoy" hereda .ui-state-highlight;
   aqui solo se ajustan detalles propios del widget que no son heredables. */
.ui-datepicker .ui-datepicker-header {
	/* hereda color/beige de .ui-widget-header; sin cambios adicionales */
}
.ui-datepicker table {
	border-collapse: collapse;
}
.ui-datepicker td .ui-state-default {
	text-align: center;
}
.ui-datepicker .ui-datepicker-today a,
.ui-datepicker .ui-datepicker-today .ui-state-active {
	border: 1px solid #fcefa1;
	background: #fbf9ee url("images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;
	color: #363636;
}

/* uvTae override: .ui-dialog -- titlebar hereda .ui-widget-header (beige +
   borde oscuro), contenido hereda .ui-widget-content (blanco + borde
   oscuro). Se anaden bordes explicitos para asegurar continuidad visual
   entre titlebar y contenido en dialogos de alta/edicion de usuarios. */
.ui-dialog {
	border: 1px solid #3F3C35;
}
.ui-dialog .ui-dialog-titlebar {
	border: 0;
}
.ui-dialog .ui-dialog-content {
	border: 0;
}

/* uvTae override: .ui-tabs -- nav hereda .ui-widget-header (beige), cada
   pestana hereda .ui-state-default/.ui-state-active segun corresponda. */
.ui-tabs .ui-tabs-nav {
	background: #E6E3D2 url("images/ui-bg_highlight-soft_75_E6E3D2_1x100.png") 50% 50% repeat-x;
	border: 1px solid #3F3C35;
}
.ui-tabs .ui-tabs-panel {
	border: 1px solid #3F3C35;
	border-top: 0;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
	border-width: 2px;
}

/* uvTae override: .ui-accordion -- headers beige (.ui-widget-header),
   contenido blanco (.ui-widget-content); solo se fuerza el espaciado de
   borde entre secciones para evitar doble borde con corner-radius 0. */
.ui-accordion .ui-accordion-header {
	border: 1px solid #3F3C35;
}
.ui-accordion .ui-accordion-content {
	border: 1px solid #3F3C35;
	border-top: 0;
	background: #ffffff;
}

/* uvTae override: .ui-progressbar -- barra de progreso con el mismo
   esquema de color que los estados por defecto/activo del tema. */
.ui-progressbar {
	border: 1px solid #3F3C35;
	background: #ffffff url("images/ui-bg_highlight-hard_75_ffffff_1x100.png") 50% top repeat-x;
}
.ui-progressbar .ui-progressbar-value {
	border: 1px solid #aaaaaa;
	background: #ffffff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
}