<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="row"> <div class="col-md-2"> <h4><span class="label label-default">Transaccion Nº 99999</span></h4> </div> </div> <div class="panel panel-primary"> <div class="panel-heading"> <h4 class="panel-title"> <span class="glyphicon glyphicon-user" aria-hidden="true"></span> <a data-toggle="collapse" href="#collapse01"> Datos Usuario Comercio<span class="glyphicon glyphicon-chevron-up pull-right"></span></a> </h4> </div> <div id="collapse01" class="panel-collapse collapse"> <div class="panel-body"> <form class="form-horizontal"> <fieldset> <div class="col-md-12"> <div class="col-md-4"> <label class="control-label" for="textinput">Usuario</label> <input id="textinput" name="textinput" type="text" value="999997 - COMERCIO DE PRUEBA" class="form-control input-sm" readonly> </div> <div class="col-md-5"> <label class="control-label" for="textinput">Comercio</label> <input id="textinput" name="textinput" type="text" value="PRUEBA USUARIO WEB" class="form-control input-sm" readonly> </div> <div class="col-md-3"> <label class="control-label" for="textinput">CUIT</label> <input id="textinput" name="textinput" type="text" value="27-22584613-3" class="form-control input-sm" readonly> </div> </div> <div class="col-md-12"> <div class="col-md-6"> <label class="control-label" for="textinput">Direccion</label> <input id="textinput" name="textinput" type="text" value="RUTA NAC. 168 KM. 473.6" class="form-control input-sm" readonly> </div> <div class="col-md-3"> <label class="control-label" for="textinput">Telefono</label> <input id="textinput" name="textinput" type="text" class="form-control input-sm" readonly> </div> <div class="col-md-3"> <label class="control-label" for="textinput">Email</label> <input id="textinput" name="textinput" type="text" class="form-control input-sm" readonly> </div> </div> <div class="col-md-12"> <div class="col-md-2"> <label class="control-label" for="textinput">Fecha alta</label> <input id="textinput" name="textinput" type="text" value="RUTA NAC. 168 KM. 473.6" class="form-control input-sm" readonly> </div> <div class="col-md-2"> <label class="control-label" for="textinput">Fecha Ult. Ingreso</label> <input id="textinput" name="textinput" type="text" class="form-control input-sm" readonly> </div> <div class="col-md-8"> <label class="control-label" for="textarea">Observaciones</label> <textarea class="form-control" id="textarea" name="textarea"></textarea> </div> </div> </fieldset> </form> </div> </div> </div> <div class="panel panel-primary"> <div class="panel-heading"> <h4 class="panel-title"> <span class="glyphicon glyphicon-list-alt" aria-hidden="true"></span> <a data-toggle="collapse" href="#collapse03"> Datos Transacción<span class="glyphicon glyphicon-chevron-up pull-right"></span></a> </h4> </div> <div id="collapse03" class="panel-collapse collapse in"> <div class="panel-body"> <form class="form-horizontal"> <div class="col-md-6"> <div class="row"> <!-- Text input--> <div class="form-group"> <label class="col-md-2 control-label" for="textinput">Consulta</label> <div class="col-md-4"> <input id="textinput" name="textinput" type="text" value="20/02/2017 09:29:29 a.m." placeholder="" class="form-control input-sm" readonly> </div> </div> </div> <div class="row"> <ul class="list-group" style="height:300px;overflow-y:auto;"> <li class="list-group-item">Máquina: 1 </li> <li class="list-group-item">Sucursal: 18 </li> <li class="list-group-item">Letra Sucursal: A </li> <li class="list-group-item">Tipo Doc: 96 </li> <li class="list-group-item">Documento: 22584613 </li> <li class="list-group-item">Sexo: F </li> <li class="list-group-item">Fecha Nac.: 08/03/1972 </li> <li class="list-group-item">Apellido y Nombre: NIKLISON DOLORES</li> <li class="list-group-item">Calle y Nro.: JUAN DE GARAY N.3260 </li> <li class="list-group-item">Localidad: SANTA FE </li> <li class="list-group-item">Provincia: S </li> <li class="list-group-item">CP.: 3000 </li> <li class="list-group-item">Tel. Particular: (342)4500966 </li> <li class="list-group-item">Tel. Laboral: </li> <li class="list-group-item">Ingresos: $ 6000.00 </li> <li class="list-group-item">Fec. Ingreso: 21/07/2000 </li> <li class="list-group-item">Tipo: E </li> <li class="list-group-item">Cargo: EMPLEADA </li> <li class="list-group-item">Cuit Empl.: 27-22584613-3 </li> <li class="list-group-item">Alta Cliente: 22/08/2001 </li> <li class="list-group-item">Nivel Atraso Confina: 0 </li> <li class="list-group-item">Orden Atraso Confina: 0 </li> <li class="list-group-item">Nivel Atraso Megatone: 0 </li> <li class="list-group-item">Orden Atraso Megatone: 1 </li> <li class="list-group-item">Letra Cliente: R </li> <li class="list-group-item">Límite: $ 9500.00 </li> <li class="list-group-item">Utilizado: $ 140.00 </li> <li class="list-group-item">Plan: </li> <li class="list-group-item">Retoma: </li> <li class="list-group-item">Cant. Activ.: 1 </li> <li class="list-group-item">Especial: F </li> <li class="list-group-item">Contacto Antiguedad: 185 </li> <li class="list-group-item">Contacto Recencia: 32 </li> <li class="list-group-item">Cantidad Contacto: 0 </li> <li class="list-group-item">Cant. Atraso30: 0 </li> <li class="list-group-item">Cant. Atraso60: 0 </li> <li class="list-group-item">Cant. Atraso90: 0 </li> <li class="list-group-item">Atraso Actual: 0 </li> <li class="list-group-item">Atraso Medio: 0 </li> <li class="list-group-item">Atraso Maximo: 0 </li> <li class="list-group-item">Porcentaje Impago: 0.00000 </li> <li class="list-group-item">Cant Compras Contado: 0 </li> <li class="list-group-item">Importe Compras Contado: $ 0.00 </li> <li class="list-group-item">Refinanciacion: N </li> <li class="list-group-item">Ref.Act.: 0.00000 </li> <li class="list-group-item">Indeseable: N </li> <li class="list-group-item">Estado Civil: S </li> <li class="list-group-item">Doc. Conyugue: 0 </li> <li class="list-group-item">Vivienda: </li> <li class="list-group-item">Estudios: </li> <li class="list-group-item">Personas a Cargo: 0 </li> <li class="list-group-item">Tel Celular: </li> <li class="list-group-item">Tipo Industria: </li> <li class="list-group-item">Centro Comercial: </li> <li class="list-group-item">Resultado Centro Comercial: </li> <li class="list-group-item">Centro Comercial: </li> <li class="list-group-item">Resultado Centro Comercial: </li> <li class="list-group-item">Relacion: T </li> <li class="list-group-item">Monto Solicitado: $ 10000 </li> <li class="list-group-item">Pagos: $ 0.00 </li> <li class="list-group-item">Bien: N </li> <li class="list-group-item">Fecha Ult.Rec.Sueldo: 31/12/2016 </li> <li class="list-group-item">Cant. Atraso90(36): 0 </li> <li class="list-group-item">Atraso Maximo(36): 0 </li> <li class="list-group-item">Cant. Atraso90(6): 0 </li> <li class="list-group-item"> </li> <li class="list-group-item">Meg.Alta Cliente: 20010215 </li> <li class="list-group-item">Meg.Contacto Antiguedad: 0 </li> <li class="list-group-item">Meg.Contacto Recencia: 118 </li> <li class="list-group-item">Meg.Cantidad Contacto: 0 </li> <li class="list-group-item">Meg.Cant. Atraso30: 0 </li> <li class="list-group-item">Meg.Cant. Atraso60: 0 </li> <li class="list-group-item">Meg.Cant. Atraso90: 0 </li> <li class="list-group-item">Meg.Atraso Actual: 0 </li> <li class="list-group-item">Meg.Atraso Medio: 0 </li> <li class="list-group-item">Meg.Atraso Maximo: 0 </li> <li class="list-group-item">Meg.Porcentaje Impago: 0 </li> <li class="list-group-item">Meg.Cant Compras Contado: 1 </li> <li class="list-group-item">Meg.Importe Compras Contado: $ 0.02</li> <li class="list-group-item">Meg.Refinanciacion: N</li> <li class="list-group-item">Meg.Ref.Act.: 0</li> <li class="list-group-item">Meg.Indeseable: N</li> <li class="list-group-item">Meg.Pagos: $ 9678.14</li> <li class="list-group-item">Meg.Cant. Atraso90(6): 0</li> <li class="list-group-item">Meg.Cant. Atraso90(36): 0</li> <li class="list-group-item">Meg.Atraso Maximo(36): 0</li> <li class="list-group-item">Comprometido Cuota: 16.90</li> <li class="list-group-item">CP inhabilitado: F</li> <li class="list-group-item">Sit.RefFin: 0</li> <li class="list-group-item">Tipo Ope: CC</li> <li class="list-group-item">Tipo Cmr: 1</li> </ul> </div> <div class="row"> <!-- Text input--> <div class="form-group"> <label class="col-md-2 control-label" for="textinput">Politica</label> <div class="col-md-10"> <input id="textinput" name="textinput" type="text" value="SCORINGPOLITICANORMAL" placeholder="" class="form-control input-sm" readonly> </div> </div> </div> </div> <div class="col-md-6"> <div class="row"> <!-- Text input--> <div class="form-group"> <label class="col-md-2 control-label" for="textinput">Respuesta</label> <div class="col-md-4"> <input id="textinput" name="textinput" type="text" value="20/02/2017 09:29:35 a.m." placeholder="" class="form-control input-sm" readonly> </div> </div> </div> <div class="row"> <ul class="list-group" style="height:300px;overflow-y:auto;"> <li class="list-group-item">Dictamen: LLAMAR</li> <li class="list-group-item">Motivo: Disponible</li> <li class="list-group-item">Nivel de Riesgo: 2 Medio</li> <li class="list-group-item">Límite: $ 9500.0</li> <li class="list-group-item">Cuota Máxima: 1800</li> <li class="list-group-item">Flexibilidad: 5</li> <li class="list-group-item">Explicación: SC:896 ok. SV:467 ok. RN Sueldo: 33600 RN Vigente: SI. No tiene disponible.Veraz:Score Veraz (467) indica Riesgo Alto.</li> <li class="list-group-item">Nivel de Riesgo Informe: 3 Alto </li> <li class="list-group-item">Nivel de Riesgo Propio: 1 Bajo </li> <li class="list-group-item">Cliente Nuevo(C): F </li> <li class="list-group-item">Cliente NuevoViejo(C): V </li> <li class="list-group-item">Cliente Nuevo(M): V </li> <li class="list-group-item">Cliente NuevoViejo(M): F </li> <li class="list-group-item">Score: 896 </li> <li class="list-group-item">Riesgo Informe Otros: 0 Bajo </li> <li class="list-group-item">Riesgo Informe RNET: 0 Bajo </li> <li class="list-group-item">Riesgo Informe Siisa: </li> <li class="list-group-item">Siisa Score Titular: 0 </li> <li class="list-group-item">Riesgo Informe Codeme: </li> <li class="list-group-item">Riesgo Informe Codesa: </li> <li class="list-group-item">Riesgo Informe CCSF: </li> <li class="list-group-item">Riesgo Informe Veraz: 3 Alto </li> <li class="list-group-item">VZRIESGO6T: 0 </li> <li class="list-group-item">Veraz Tipo Población Titular: ok </li> <li class="list-group-item">Veraz Score Titular: 467 </li> <li class="list-group-item">VZRIESGO6C: 0 </li> <li class="list-group-item">Veraz Score Conyuge: 0 </li> <li class="list-group-item">Veraz Tipo Población Conyuge: th </li> <li class="list-group-item">Riesgonet Sueldo: 33600 </li> <li class="list-group-item">Riesgonet Vigente: SI </li> <li class="list-group-item">Cuota Máxima Endeudamiento: 3583 </li> </ul> </div> </div> </form> </div> </div> </div> <div class="panel panel-primary"> <div class="panel-heading"> <h4 class="panel-title"> <span class="glyphicon glyphicon-file" aria-hidden="true"></span> <a data-toggle="collapse" href="#collapse1"> Ver papeleria transacción<span class="glyphicon glyphicon-chevron-up pull-right"></span></a> </h4> </div> <div id="collapse1" class="panel-collapse collapse"> <div class="panel-body"> <form class="form-horizontal"> <label class="control-label" for="textarea">Papeleria</label> <textarea class="form-control" id="textarea" name="textarea"></textarea> </form> </div> </div> </div>

.list-group-item { overflow:hidden; position: relative; display: block; padding: 5px; margin-bottom: -1px; background-color: #fff; border: 1px solid #ddd; line-height: 1em; }