/* HOJA DE ESTILOS ESPECIFICA DE LA APLICACION PARA EL TEMA */

/****** VARIABLES PERSONALIZABLES DEL TEMA *****/
:root {
	/* COLORES */
	--color-primario: #DA291C; /* COLOR PRIMARIO PERSONALIZADO */
	--color-secundario: #DA291C; /* COLOR SECUNDARIO PERSONALIZADO */
}

/** ------ GENERALES ------ */

/* --- BOTONERA --- */
.x-btn-default-small, .x-btn-default-toolbar-small {
	border-color: transparent !important;
	border-radius: 0px !important;
	background-image: none !important;
	background-color: #DA291C !important; /* 0 */
}

.x-btn-default-small:hover, .x-btn-default-toolbar-small:hover, .x-btn-default-small:focus, .x-btn-default-toolbar-small:focus {
	background-color: #b52217 !important; /* +2 */
}

.x-btn-default-small:active, .x-btn-default-toolbar-small:active {
	background-color: #9e1e15 !important; /* +3 */
}

/* --- 'GLYPHS' --- */
.x-toolbar-default .x-btn-glyph {
	color: #DA291C; /* 0 */
}

.x-menu-item-glyph {
	color: #DA291C; /* 0 */
}

.paging-toolbar .x-btn-glyph {
	color: #DA291C !important; /* 0 */
}

/* --- FORMULARIOS --- */
textarea[readonly] {
	background-color: #fceae8 !important; /* -12 */
	opacity: 0.7 !important;
}

.x-list-plain li:hover,
.x-boundlist-list-ct .x-boundlist-item:hover {
	background-color: #170403; /* 10 */
}

/* --- 'FOOTER' --- */
.separador-pie {
	background-color: #DA291C !important; /* 0 */
}

/* --- PESTANAS --- */
.x-tab-default { /* +3 */
	border-radius: 0px !important;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#323232+0,#9e1e15+5,#9e1e15+100 */
	background: #9e1e15; /* Old browsers */
	background: -moz-linear-gradient(left,  #323232 0%, #9e1e15 5%, #9e1e15 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #323232 0%,#9e1e15 5%,#9e1e15 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #323232 0%,#9e1e15 5%,#9e1e15 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#323232', endColorstr='#9e1e15',GradientType=1 ); /* IE6-9 */
}

.x-tab-default-over { /* +2 */
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#323232+0,#9e1e15+5,#9e1e15+100 */
	background: #b52217; /* Old browsers */
	background: -moz-linear-gradient(left,  #323232 0%, #b52217 5%, #b52217 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #323232 0%,#b52217 5%,#b52217 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #323232 0%,#b52217 5%,#b52217 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#323232', endColorstr='#b52217',GradientType=1 ); /* IE6-9 */
}

.x-tab-default-active {
	background: #DA291C !important; /* 0 */
}

.x-tab-default-active .x-tab-inner {
	color: white !important;
}

/* ------ PANTALLAS ------ */

/* --- PANTALLA DE BIENVENIDA ('HOME') --- */
.boton-home {
	background: #4c4c4c !important;
	border-style: none !important;
	border-radius: 0px !important;
}

.boton-home:hover {
	background: #170403 !important; /* +1 */
}

/* --- PANTALLA DE RECIBOS (PDE) --- */
.grid-panel-recibos {
	border-left: 5px solid #DA291C !important; /* 0 */
}

/* --- PANTALLA DE GESTION DE PANELES DE CONTROL (PDE) --- */

/* Componente Visor de noticias */
.dashboard-visornoticias-sinborde .x-panel-header-text-container {
	color: #DA291C !important; /* 0 */
}

/* --- PANTALLA DE RETRIBUCION FLEXIBLE --- */

.retflex-panel-tipo-producto-color-automatico {
    background: #f9d4d2; /* -11 */
}

.evaluaciones-elemento-evaluacion-panel-autoevaluacion .x-panel-body {
	background-color: #DA291C;
	color: rgb(255, 255, 255);
	font-weight: bold;
	padding: 10px;
	width: 120px;
}