@CHARSET "UTF-8";

/* CSS Para los vouchers */
form.item table th {text-align:center}
form.item table td {text-align:center}
form.item tbody th {text-align:left}
form.item tbody table thead th {text-align:center}
form.item tbody th.th {text-align:center}
form.item table tbody td input {text-align:right; padding-right:1px}

#voucherGeneralInputs { float:left; width:48%; }

#VoucherEdadesMenores{ width:100%; text-align:left;}
#VoucherObservacionesOper { width:100%; height:80px;  }
#VoucherObservaciones { width:100%; height:80px;  }
#numViajeros td { text-align:center}
#numViajeros td input { width:100%;}
#

/*  Estilos para Ordenes y Muestras */
#order  tr.activa input, #muestra  tr.activa input{ border:1px solid #000000;}
#order tr td input.activa, #muestra tr td input.activa{ border:1px solid #F68026;}

/* Estilos formato de impresion */

#voucherHeader, #voucherHeaderView { width:100%; margin-bottom:10px;}
#voucherHeader td.logo, #voucherHeaderView td.logo{ width:180px; text-align:center; vertical-align:middle}
#voucherHeader td.infoVoucher {width:auto; vertical-align:middle;}
#voucherHeader td.infoVoucher table { margin-left:auto; }
#voucherHeader td.direccion p:first-line, #voucherHeaderView td.direccion p:first-line{ text-transform:uppercase; font-weight:bold; font-size:10pt;}
#voucherHeader td.direccion, #voucherHeaderView td.direccion{width:100%;  text-align:center; vertical-align:middle;  font-size:9pt;}
#voucherHeader td.direccion h2, #voucherHeaderView td.direccion h2{text-transform:uppercase; font-weight:bold; font-size:10pt; margin:0px; padding:0px}
#voucherHeaderView { display:none}

td.acciones img,td.estado img{ padding:2px; }
td.acciones a{padding-left:1px; padding-right:1px}
td.acciones, td.estado  { text-align:center}

#listadoItems th { text-align:center}
#tablaCostos tbody th.header { text-align:right}
.sgl { text-align:right}
.dbl { text-align:right}
.tpl { text-align:right}
.cpl { text-align:right}
.otro { text-align:right}
.menor{ text-align:right}


th.numero, td.numero { text-align:center; width:25%}
th.confirmacion, td.confirmacion { text-align:center}
th.numAdultos, td.numAdultos { text-align:center}
th.menSc, td.menSc { text-align:center}
th.menCc, td.menCc { text-align:center}
thead .header { text-align:center}
thead .sgl { text-align:center}
thead .dbl { text-align:center}
thead .tpl { text-align:center}
thead .cpl { text-align:center}
thead .otro, thead .otra { text-align:center}
thead .menor{ text-align:center}

#tipoHabitaciones  .sgl { text-align:center}
#tipoHabitaciones  .dbl { text-align:center}
#tipoHabitaciones  .tpl { text-align:center}
#tipoHabitaciones  .cpl { text-align:center}
#tipoHabitaciones  .otra { text-align:center}
#granTotal .sgl { font-weight:bold;}

/* Especificos formato de impresion*/
.infoVoucher thead th.numero, .infoVoucher tbody  td.numero { text-align:center}
.infoVoucher thead th.fecha, .infoVoucher tbody td.fecha { text-align:center}
#voucherDetails th.hotel { text-align:center; }
#voucherDetails th.hotel, #voucherDetails td.hotel { width:70%}
#voucherDetails th.confirmacion, #voucherDetails td.confirmacion {text-align:center; width:30%}
#voucherDetails th.destino, #voucherDetails td.destino  { text-align:center}
#voucherDetails th.pasajero, #voucherDetails td.pasajero  { text-align:center}
#voucherDetails th.agencia, #voucherDetails td.agencia { text-align:center}
#voucherDetails th.plan, #voucherDetails td.plan  { text-align:center}
#voucherDetails th.habitaciones, #voucherDetails td.habitaciones { text-align:center}
#voucherDetails th.fechaout, #voucherDetails td.fechaout { text-align:center}
#voucherDetails th.fechain, #voucherDetails td.fechain { text-align:center}
#voucherDetails th.noches, #voucherDetails td.noches { text-align:center}
#voucherDetails th.numAdultos, #voucherDetails td.numAdultos { text-align:center}
#voucherDetails th.numMenores, #voucherDetails td.numMenores { text-align:center}
#voucherDetails th.observaciones, #voucherDetails td.observaciones  { text-align:center; width:55%}
#voucherDetails th.agente, #voucherDetails td.agente { text-align:center;  width:30%}
#voucherDetails th.total, #voucherDetails td.total { text-align:center; width:15%}
#voucherDetails td.observaciones { text-align:left}
#voucherDetails td.total { font-weight:bold; }
#voucherDetails td.confirmacion{ font-weight:bold; font-size:11pt }

table td.confirmacionPrint {border:0px; height:140px}
#selloAgencia {  border:none; text-align:center;}
#selloAgencia div { height:23px; width:90%; border-top:1px solid #000000; padding-top:2px; margin-left:auto; margin-right:auto}
/* Mensaje  total */
#voucherDetails div.mensajeTotalAviso { text-align:center; font-weight:bold; font-size:8pt}

#tablaCostos .sgl input{ text-align:right}
#tablaCostos .dbl input{ text-align:right}
#tablaCostos .tpl input{ text-align:right}
#tablaCostos .cpl input{ text-align:right}
#tablaCostos .otro input{ text-align:right}
#tablaCostos .menor input{ text-align:right}
/* Selects en añadir vouchers */
#VoucherDestino, #VoucherAgencyId, #VoucherHotelId, #VoucherOperatorId  { width:270px}
#VoucherAgencyId{ width:320px}