/* 

Hoja de estilos de Pago Recibos Tarjeta. 

*/
/* Cabecera de la aplicación. Debe ser "cabecera" más el value de la variable "codProyecto" del layoutAplicación. */
.cabeceraTPV {
	background: url(../css/bitmaps/bk.cabeceraTPV.png) repeat-x scroll 0 0 transparent;
	margin: 0 auto;
	width:100%;
	overflow: hidden;
}

.condiciones-uso a {
    font-size: 14px;   
}

#tablas_resultados .tablaTarifasConScroll {
	margin-top:5px;
	width:100%;
	max-height:450px;
}

/* Estilos p:datatable*/
.ui-datatable .ui-datatable-data td {
	border: none;
	/*padding:5px 4px 5px 0px;*/
	font-size: 1em;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 1.3em;
}

.ui-datatable .ui-datatable-data td p {
	margin-bottom: 0;	
}

.ui-datatable-even{
	background-color: #FFFFFF;
}

.ui-datatable-odd{
	background-color: #ECEDEE; 
}

.ui-datatable th {
	background: #E1E1E1 -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0)));
	background: #E1E1E1 -moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
	/*text-align:left;*/
	/*padding: 8px 0px 8px 0px;*/
	/*font-size: 1.2em;*/
 	/*text-transform: uppercase;*/
	/*font-weight: bold;*/
	/*text-align: left;*/
 	size: 10px;
 	font-size: 1em;
 	text-transform: uppercase;
	font-weight: bold;
	height: 20px; 
	/*background-color:#E1E1E1;*/
	/*padding-left: 8px;*/
}


.ui-datatable th div.ui-dt-c {
    padding-right: 0px;
    padding-left: 0px;
    white-space: nowrap;
    
}

.ui-datatable .ui-datatable-data TD DIV.ui-dt-c{
	overflow: none;
	text-align:right;
}

.ui-datatable-scrollable .ui-datatable-scrollable-body table, .ui-datatable-scrollable .ui-datatable-scrollable-header table, .ui-datatable-scrollable .ui-datatable-scrollable-footer table {
    width: 100%;
}

.ui-datatable .ui-datatable-data td, 
.ui-datatable .ui-datatable-data-empty td {
    border-width: none;
}

.ui-datatable th div.ui-dt-c, .ui-datatable .ui-datatable-data td div.ui-dt-c, .ui-datatable .ui-datatable-data-empty td div.ui-dt-c, .ui-datatable tfoot td div.ui-dt-c {
    overflow: hidden;
    padding: 4px 0px;
}

.ui-datatable div.ui-dt-c {
	font-size: 0.9em;

}

.ui-datatable-scrollable-body {
	position: relative;
	overflow-x: hidden;
	/*padding-right: 10px;*/
	height:auto!important;/*añadido para quitar la altura del estilo en linea*/
}

.ui-datatable-scrollable-header-box {
	padding-right: 0px;
	width: 100%;
}

.myDataTableStyle {
	table-layout: fixed;
}
.myDataTableStyle th {
	text-align: center;
}
.myDataTableStyle td {
/* 	white-space: nowrap; 
	text-align: right;*/
}
.myDataTableStyle .ui-chkbox-all{
	display:none !important;
}
#bloquePagoRecibosTarjeta{
		margin-bottom: 20px;
}
#datosIdentificacion legend{margin-bottom:20px;}

.bloqueTPV{
	display: none;	
	height: 850px;
	min-height: 1200px;
}

.checkBoxTPV  {
    width: 20px !important;
    height: 20px; 
    border: none !important; 
    padding: 5px; 
    margin:4px 5px 0 0;
}

.checkBoxTPV:focus {
    box-shadow: 0px 0px 5px #00818F !important;
    -moz-box-shadow: 0 0 5px #00818F !important;
    -webkit-box-shadow: 0px 0px 5px #00818F !important;
}

/*RESPONSIVE*/
@media (max-width:768px) {
	.cabeceraTPV {
		background-size:100%;
		-moz-background-size:100%;
		-webkit-background-size:100%;
		-o-background-size:100%;
		-khtml-background-size:100%;
		height:139px;
	}
}
@media (max-width:767px) {
	.cabeceraTPV {
		height:139px;
	}
}
@media (max-width:667px) {
	.cabeceraTPV {
		height:121px;
	}
	.ui-datatable-scrollable{    
		width: 100%!important;
  	overflow-x: scroll;
  	overflow-y: hidden;
	}
}
@media (max-width:640px) {
	.cabeceraTPV {
		height:117px;
	}
}
@media (max-width:568px) {
	.cabeceraTPV {
		height:108px;
	}
	.ui-datatable-scrollable-header-box{
		width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
	}
}
@media (max-width:480px) {
	.cabeceraTPV {
		height: 108px;
	}
}