@CHARSET "UTF-8";

/*** Estilos Para Todos los Tipos de Pantallas ***/
* {
	font-size: 1em !important;
	font-family: Calibri, Tahoma !important;
	color: black !important;
}

#userIdentification{
    padding: 5px;
}

.bienvenido {
	border-style: hidden !important;
	font-size: 25px !important;
	text-align: center !important;
}

.nombreUsuario{
    color: white !important;
    font-weight: bold;
}

/*** Se quita la sombra de los inputs ***/
input, .ui-inputfield, .ui-widget-content .ui-inputfield,
	.ui-widget-header .ui-inputfield {
	box-shadow: none !important;
}

/*** Estilos para el footer del Login ***/
#header, #footer, #footer table, #footer center {
	margin: 0 auto;
	color: white !important;
	background-color: #40C3D6;
	font-size: .92em !important;
}

#header {
    width: 100%;
    top: 0;
    left: 0;
}

#menu{
    width: 100%;
}

#footer {
    width: 100%;
    position: absolute;
    bottom: 0;
    padding: 10;
}

.footer{
    text-align: center;
    color: white !important;
}

.ui-widget-header, button {
	color: black !important;
	text-shadow: none !important;
	background-color: lightGray !important;
	background-image: none !important;
}

/*** Estilos para fieldsets ***/
.ui-fieldset-legend {
	text-shadow: none !important;
	background-image: none !important;
	background-color: white !important;
}

.ui-state-default, .ui-widget-content .ui-state-default,
	.ui-widget-header .ui-state-default {
	color: black !important;
}

.customMainPanelStyle>.ui-panel-titlebar {
	font-size: 1em !important;
	font-weight: normal !important;
	text-shadow: none !important;
}

/*Estilo de las pantallas de confirmación*/
.ui-dialog-title, .ui-dialog-titlebar {
	width:100%;
	text-align: center !important;
	float: none !important;
	color: white !important;
}

.ui-dialog-content {
	text-align: center !important;
}

/*Pone en azul la barra de titulo de los dialog*/
.ui-dialog-titlebar {
	background-color: #40c3d6 !important;
}

/*Estilo para la cabecera de los paneles*/
.customMainPanelStyle>.ui-panel-titlebar {
	text-align: center;
	font-weight: bold;
	font-size: 20px !important;
}

/*Estilo para los paneles*/
.customMainPanelStyle>.ui-panel {
	width: 80%;
}

/*** Estilos Pantalla Tipo 1 ***/
.tipo1 {
}

/*** Estilo Pantalla Acceso Denegado ***/
.sinScroll {
    overflow: hidden !important;	
}

.accesoDenegado {
	width: 100%;
	height: 100%;
	text-align: center !important;
	position: relative;
	top: 35%;
}


.tipo1 td, .tipo1 tr {
	border-style: hidden !important;
}

/*** Estilos Pantalla Tipo 2 ***/

/*** Estilos Pantalla Tipo 3 ***/
.tipo3 {
	width: 100%;
}

table.tipo3 td:first-child, table.tipo3 td:first-child+td+td+td {
	text-align: right;
}

table.tipo3 td, table.tipo3 tr {
	border-style: hidden !important;
}

/*** Botones Centrados ***/
table.acciones3 {
	border-style: hidden !important;
	width: 100%;
	margin: auto;
}

table.acciones3 td:first-child {
	width: 50%;
	text-align: right;
}

table.acciones3 td:first-child+td {
	width: 50%;
	text-align: left;
}

table.acciones3 td.ui-panelgrid-cell {
	border-style: hidden !important;
}

/*** Barra con 3 botones Centrados ***/
table.acciones4 {
	border-style: hidden !important;
	width: 100%;
	margin: auto;
}

table.acciones4 td:first-child {
	width: 50%;
	text-align: right;
}

table.acciones4 td:first-child+td {
	text-align: center;
}

table.acciones4 td:last-child {
	width: 50%;
	text-align: left;
}

table.acciones4 td.ui-panelgrid-cell {
	border-style: hidden !important;
}

/*** Estilos Pantalla Tipo 3A ***/
table.tipo3A {
	border-style: hidden !important;
	width: 100%;
}

table.tipo3A td, table.tipo3A tr {
	border-style: hidden !important;
}

table.tipo3A td:first-child {
	text-align: left;
	width: 11%;
}

table.tipo3A td:first-child+td+td+td, table.tipo3A td:first-child+td+td+td+td,
	table.tipo3A td:first-child+td+td+td+td+td {
	text-align: right;
	width: 8%;
	padding: 0px 0px 0px 0px;
}

table.tipo3A td:first-child+td+td+td+td+td+td  {
	text-align: right;
	width: 12%;
	padding: 0px 0px 0px 0px;
}

table.acciones3A {
	border-style: hidden !important;
	width: 100%;
	margin: auto;
}

table.acciones3A td:first-child {
	width: 33%;
	text-align: right;
}

table.acciones3A td:first-child+td {
	width: 33%;
	text-align: right;
}

table.acciones3A td:first-child+td+td {
	width: 33%;
	text-align: right;
}

table.acciones3A td.ui-panelgrid-cell {
	border-style: hidden !important;
}

/*** Estilos Pantalla Tipo 3B (LEER CÓDIGO DE BARRAS) ***/
.tipo3B, .tipo3B td, .tipo3B tr {
	border-style: hidden !important;
}

.tipo3B td:first-child+td, .tipo3B td:first-child+td+td {
	padding-left: 0;
	text-align: left;
}
/*** Una columna centrada ***/
.oneColumnCentered {
	width: 100%;
}
.oneColumnCentered td:first-child {
	padding-left: 0;
	text-align: center;
}

.camara {
	width: 300px; 
	height: 240px;
}

.frame {
	width: 300px; 
	height: 10px;
}

.frame img {
    position: relative;
    top: -242px;
    width: 36px;
}

.frame_left {
	left: -15px;
}

.frame_right {
	left: 243px;
}

#XwebcamXobjectX {
	position: relative;
	top: 8px;
	height: 225px;
}

/*** Estilo especial de acciones a la derecha (RECIBIR NÚMERO SIC) ***/
table.acciones3C td:first-child, table.acciones3C td:first-child+td {
	width: 100%;
	text-align: right;
	border-style: hidden !important;
}

/*** Estilos Pantalla Tipo 4 ***/
table.tipo4 td:first-child+td {
	width: auto;
	text-align: left;
	vertical-align: text-top;
}

/*** Estilos Pantalla Tipo 5 ***/

/*** Estilos Pantalla Tipo 6 ***/
.tipo6 {
	width: 100%;
	margin: 0;
}

.tipo6 td {
	border-style: solid;
	border-width: 1px;
	border-color: black;
	padding-top: 7px;
	padding-bottom: 7px;
}

.tipo6 th {
	/*display: none;*/
}

.tipo6 div.ui-dialog-content {
	padding: 0 !important;
}

/*** Estilos Pantalla Tipo 7 ***/

/*** Estilos Pantalla Tipo 8 ***/
.tipo8 table td {
	border-style: hidden !important;
}

.tipo8 table td:first-child {
	text-align: right;
}

table.tipo8 td:first-child {
	width: 100px;
	background-color: yellow !important;
}

table.tipo8 td:first-child+td {
	text-align: rigth;
}

table.tipo8_1 td:first-child+td+td, table.tipo8_1 td:first-child+td+td+td, table.tipo8_1 td:first-child+td+td+td+td {
	text-align: left;
	left: 100%;
}

table.tipo8 td:first-child {
	width: 100px;
	background-color: yellow !important;
	color: yellow !important;
}

.areas8 {
    width: 600px;
}

/*** Estilos Pantalla Tipo 9 ***/
div.tipo9 {
	margin: auto !important;
	width: 100%;
}

div.titulo9 {
	font-size: 1.5em !important;
	text-align: center;
	color: blue;
	border-style: hidden !important;
}

div.sinBorde9 {
	border-style: hidden !important;
}

div.tipo9 td, div.tipo9 tr {
	border-style: hidden !important;
}

table.datos9 {
	width: 100%;
}

table.datos9 td:first-child, table.datos9 td:first-child+td+td {
	border-style: hidden !important;
	text-align: right;
}

table.datos9 td:first-child+td, table.datos9 td:first-child+td+td+td {
	border-style: hidden !important;
	text-align: left;
}

.acciones9 {
	text-align: center !important;
	margin: 0 auto !important;
}

table.acciones9 td, table.acciones9_1 td {
	border-style: hidden !important;
}

table.acciones9_1 {
	border-style: hidden !important;
	width: 100%;
	margin: auto;
}

table.acciones9_1 td:first-child {
	width: 33%;
	text-align: right;
}

table.acciones9_1 td:first-child+td {
	width: 33%;
	text-align: right;
}

table.acciones9_1 td:first-child+td+td {
	width: 33%;
	text-align: left;
}

/*** Estilos Pantalla Tipo 10 ***/
table.tipo10 td:first-child {
	width: 20%;
	text-align: left;
	vertical-align: text-top;
}

table.tipo10 td:first-child+td {
	width: auto;
	text-align: right;
	vertical-align: text-top;
}

/*** Estilos Pantalla Tipo 11 ***/
table.tipo11 {
	border-style: hidden !important;
	width: 100%;
	text-align: center;
}

.acciones11 {
	position: relative;
	left: 42%;
}

.elementos11  {
	border-style: hidden !important;
	text-align: center;
	width: 120px;
}

.escanearNumeroSIC {
	width: 0;
	height: 0;
}

.flotaDerecha {
	border-style: hidden !important;
	float: right;
}

.error {
	color: red !important;
}

.versionDespliegue {
	color: #40c3d6 !important;
	text-align: right;
	font-size: xx-small !important;
}

.ui-layout-north .ui-layout-unit-content {
	padding: 0.2em 0em;
	border: 0px none;
	overflow: hidden !important;
}

.ui-layout-pane {
	border-style: hidden !important;
}

.tablaUsuarios td:first-child+td+td+td+td+td{
	text-align: right !important;
}

div.leftCol
{
	text-align: left;
}

div.rightCol
{
	text-align: right;
}

div.centerCol
{
	text-align: center;
}

.ui-state-error {
	border-color: gray !important;
}

#selectInternoExterno td:first-child {
    padding-left: 300px !important;
}

#selectInternoExterno td:first-child+td+td {
    padding-left: 120px !important;
}

#selectInternoExterno td:first-child, #selectInternoExterno td:first-child+td+td  {
    padding-right: 5px !important;
}

.msgFormatoNombreApellidos {	
	text-align: center !important;
}

.msgUsuarioSinCesi{
	text-align: center !important;
}

.tablaAcuse {
	max-height: 250px;
	overflow-y: scroll;
	overflow-x: hidden;
}

.tablaDetalle table {
	table-layout: auto !important;
}

.tablaDetalle td {
	min-width: 70px;
	width: 10%;
}