<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="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<div class="wrapper">
<div class="container">
<div id="narrow-browser-alert" class="alert alert-info text-center">
<strong>Manual Review</strong> <br>Maquetado</div>
<div class="bs-example bs-example-tabs" role="tabpanel" data-example-id="togglable-tabs">
<ul id="myTab" class="nav nav-tabs nav-tabs-responsive" role="tablist">
<li role="presentation" class="active">
<a href="#div1" id="div1-tab" role="tab" data-toggle="tab" aria-controls="div1" aria-expanded="true">
<span class="text">Detalhes do usuário</span>
</a>
</li>
<li role="presentation" class="next">
<a href="#div2" role="tab" id="div2-tab" data-toggle="tab" aria-controls="div2">
<span class="text">Contas bancárias</span>
</a>
</li>
<li role="presentation">
<a href="#div3" role="tab" id="div3-tab" data-toggle="tab" aria-controls="div3">
<span class="text">Telefones</span>
</a>
</li>
<li role="presentation">
<a href="#div4" role="tab" id="div4-tab" data-toggle="tab" aria-controls="div4">
<span class="text">História de caso</span>
</a>
</li>
<li role="presentation">
<a href="#div5" role="tab" id="div5-tab" data-toggle="tab" aria-controls="div5">
<span class="text">Instruções</span>
</a>
</li>
<li role="presentation">
<a href="#div6" role="tab" id="div6-tab" data-toggle="tab" aria-controls="div6">
<span class="text">Transações</span>
</a>
</li>
<li role="presentation">
<a href="#div7" role="tab" id="div7-tab" data-toggle="tab" aria-controls="div7">
<span class="text">Casos de CRM</span>
</a>
</li>
</ul>
<div id="myTabContent" class="tab-content">
<div role="tabpanel" class="tab-pane fade in active" id="div1" aria-labelledby="div1-tab">
<div class="row">
<div class="col-md-4 offset-md-1">
<table class="table table-hover">
<tbody>
<tr class="success">
<td>$:</td>
<td>Test User</td>
</tr>
<tr>
<td>E-Mail</td>
<td>test@gmail.com</td>
</tr>
<tr>
<td>Id</td>
<td>269965609</td>
</tr>
<tr>
<tr>
<td>Nombre</td>
<td>mateus henrique</td>
</tr>
</tr>
<tr>
<tr>
<td>Registro</td>
<td>01/01/2020</td>
</tr>
</tr>
<tr>
<tr>
<td>Identidad</td>
<td>CPF-43233421</td>
</tr>
</tr>
<tr>
<td>Direccion</td>
<td>-</td>
</tr>
<tr>
<tr>
<td>Comentarios</td>
<td>-</td>
</tr>
</tr>
</tbody>
</table>
</div>
<div class="col-md-4 offset-md-1">
<table class="table table-hover">
<tbody>
<tr class="success">
<td>Actividad</td>
<td>0</td>
</tr>
<tr>
<td>Tel 1</td>
<td>23-3423234234</td>
</tr>
<tr>
<td>Tel 2</td>
<td>-</td>
</tr>
<tr>
<td>Verificado</td>
<td>3241234123 - 05/01/2020</td>
</tr>
<tr>
<td>2fa</td>
<td>phone validation</td>
</tr>
<tr>
<td>Block login</td>
<td>-</td>
</tr>
<tr>
<td>Riesgo PLD</td>
<td>-</td>
</tr>
<tr>
<td>Perfil AML</td>
<td>-</td>
</tr>
</tbody>
</table>
</div>
<div class="col-md-4 offset-md-1">
<table class="table table-hover">
<tbody>
<tr class="success">
<td>DM:</td>
<td>-</td>
</tr>
<tr>
<td>Estado de verif</td>
<td>DM</td>
</tr>
<tr>
<td>BAN Collector</td>
<td>not_banned</td>
</tr>
<tr>
<td>BAN IV</td>
<td>not_banned</td>
</tr>
<tr>
<td>Restricciones</td>
<td>Sin restricciones</td>
</tr>
<tr>
<td>Restri. prustomer</td>
<td>Sin restricciones</td>
</tr>
<tr>
<td>Lista AML</td>
<td>-</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div role="tabpanel" class="tab-pane fade" id="div2" aria-labelledby="div2-tab">
<div class="row" style="overflow-x:auto;">
<table class="table table-hover table-striped" id="dev-table">
<thead>
<tr>
<th>Propietario</th>
<th>Banco</th>
<th>Numero de cuenta</th>
<th>Estado</th>
<th>Especie</th>
<th>Site</th>
<th>Identificacion</th>
<th>Fecha de creacion</th>
<th>Ultima actualizacion</th>
</tr>
</thead>
<tbody>
<tr>
<td>matheus henrique</td>
<td>Banco cooperativa do Brasil</td>
<td>22456/1</td>
<td>verified</td>
<td>Checking_account</td>
<td>MLB</td>
<td>CPF-9999999</td>
<td>01/01/2020 12:00:00</td>
<td>10/01/2020 12:00:00</td>
</tr>
<tr>
<td>osvaldo grais</td>
<td>Banco cooperativa do Brasil</td>
<td>12395/1</td>
<td>verified</td>
<td>Checking_account</td>
<td>MLB</td>
<td>CPF-8888888</td>
<td>01/01/2020 12:00:00</td>
<td>10/01/2020 12:00:00</td>
</tr>
<tr>
<td>matheus henrique</td>
<td>Banco nubank</td>
<td>12342/1</td>
<td>verified</td>
<td>Checking_account</td>
<td>MLB</td>
<td>CPF-777777</td>
<td>01/01/2020 12:00:00</td>
<td>10/01/2020 12:00:00</td>
</tr>
</tbody>
</table>
</div>
</div>
<div role="tabpanel" class="tab-pane fade" id="div3" aria-labelledby="div3-tab">
<div class="row" style="overflow-x:auto;">
<table class="table table-hover table-striped" id="dev-table">
<thead>
<tr>
<th>Numero</th>
<th>Tipo</th>
<th>Estado</th>
</tr>
</thead>
<tbody>
<tr>
<td>037845589403</td>
<td>principal</td>
<td>n/a</td>
</tr>
<tr>
<td>037433523423</td>
<td>principal</td>
<td>n/a</td>
</tr>
</tbody>
</table>
</div>
</div>
<div role="tabpanel" class="tab-pane fade" id="div4" aria-labelledby="div4-tab">
<div class="col-md-3">
<label for="select">Tipo: </label>
<select class="form-group" id="select">
<option value=""></option>
<option value="male">credits</option>
<option value="female">usuario</option>
<option value="both">post_payment</option>
<option value="male">TKO</option>
<option value="female">pagos_n</option>
<option value="both">Comprador</option>
<option value="male">restrictions_aml</option>
<option value="female">point</option>
<option value="both">forenses</option>
<option value="both">restrictions_pr</option>
<option value="both">consultas</option>
<option value="both">aml_analysis</option>
<option value="both">carrito</option>
<option value="both">vendedor</option>
</select>
<button type="button" class="btn btn-info">Buscar</button>
</div>
<table class="table table-hover table-striped" id="dev-table">
<thead>
<tr>
<th>Caso</th>
<th>Estado</th>
<th>Fecha de creacion</th>
<th>Fecha de actualizacion</th>
<th>Sitio</th>
<th>Dueño</th>
<th>Total de pagos pendientes</th>
<th>Valor</th>
<th>Resolucion</th>
<th>Razon</th>
<th>Creado por</th>
<th>Modo de creacion</th>
<th>Detalle</th>
</tr>
</thead>
<tbody>
<tr>
<td>5e8532cc89813b000a2c397d</td>
<td>closed</td>
<td>01/01/2020 12:15:35</td>
<td>10/01/2020 07:43:31</td>
<td>MLB</td>
<td>test</td>
<td>0</td>
<td>USD 0.00</td>
<td>Next</td>
<td>Usuario inhabilitado</td>
<td>subscriberPayments</td>
<td>external</td>
<td><button type="button" class="btn btn-info" data-toggle="modal" data-target="#exampleModal">Info</button></td>
</tr>
<tr>
<td>1w349cc89813b000a2c397d</td>
<td>closed</td>
<td>15/01/2020 12:15:35</td>
<td>25/01/2020 07:43:31</td>
<td>MLB</td>
<td>test</td>
<td>1</td>
<td>USD 1001.97</td>
<td>Accept</td>
<td>No Risk</td>
<td>fury-remedies-sibscribers</td>
<td>-</td>
<td><button type="button" class="btn btn-info">Info</button></td>
</tr>
<tr>
<td>3t309cc89813b000a2c397d</td>
<td>closed</td>
<td>15/01/2020 12:15:35</td>
<td>25/01/2020 07:43:31</td>
<td>MLB</td>
<td>test</td>
<td>10</td>
<td>USD 20350.97</td>
<td>Accept</td>
<td>-</td>
<td>fury-remedies-sibscribers</td>
<td>-</td>
<td><button type="button" class="btn btn-info">Info</button></td>
</tr>
</tbody>
</table>
</div>
<div role="tabpanel" class="tab-pane fade" id="div5" aria-labelledby="div5-tab">
<div class="row" style="overflow-x:auto;">
<table class="table table-hover table-striped">
<thead>
<tr>
<th>Creacion</th>
<th>Modificacion</th>
<th>Exclusion</th>
<th>Direccion</th>
<th>Contacto</th>
</tr>
</thead>
<tbody>
<tr>
<td>04/01/2020 11:25:00</td>
<td>-</td>
<td>-</td>
<td>Rua Pará de Minas 232, Betim, Minas Gerais, Brasil</td>
<td>matheus henrique - 31 345857449</td>
</tr>
<tr>
<td>16/02/2020 11:25:00</td>
<td>-</td>
<td>-</td>
<td>Avenida Doutor de Melo 2134, Sao Paulo, Brasil</td>
<td>-</td>
</tr>
</tbody>
</table>
</div>
</div>
<div role="tabpanel" class="tab-pane fade" id="div6" aria-labelledby="div6-tab">
<div class="row">
<div class="col-md-2 form-group">
<label for="select1">Tipo: </label>
<select class="form-control" id="select1">
<option value="">todos</option>
<option value="male">recibidas</option>
<option value="female">realizadas</option>
</select>
</div>
<div class="col-md-2 form-group">
<label for="select2">Tipo de operación: </label>
<select class="form-control" id="select2">
<option value="">todos</option>
<option value="male">transferencia de dinero</option>
<option value="female">adicion de pago</option>
<option value="female">pago regular</option>
<option value="female">pago recurrente</option>
<option value="female">pago de subscripcion</option>
<option value="female">fondeo de cuenta</option>
<option value="female">pago meli</option>
<option value="female">recarga de celular</option>
<option value="female">pos payment</option>
</select>
</div>
<div class="col-md-2 form-group">
<label for="select3">Tipo de operación: </label>
<select class="form-control" id="select3">
<option value="">todos</option>
<option value="male">transferencia de dinero</option>
<option value="female">adicion de pago</option>
<option value="female">pago regular</option>
<option value="female">pago recurrente</option>
<option value="female">pago de subscripcion</option>
<option value="female">fondeo de cuenta</option>
<option value="female">pago meli</option>
<option value="female">recarga de celular</option>
<option value="female">pos payment</option>
</select>
</div>
<div class="col-md-2 form-group">
<label for="select4">Estado: </label>
<select class="form-control" id="select4">
<option value="">todos</option>
<option value="male">aprobadas</option>
<option value="female">en proceso</option>
<option value="female">autorizadas</option>
<option value="female">rechazadas</option>
<option value="female">canceladas</option>
<option value="female">reintegradas</option>
<option value="female">en mediacion</option>
<option value="female">contracargo</option>
</select>
</div>
<div class="col-md-2 form-group">
<label for="select5">Tipo de pago: </label>
<select class="form-control" id="select5">
<option value="">todos</option>
<option value="male">tarjeta prepaid</option>
<option value="female">credits</option>
<option value="female">tarjeta de credito</option>
<option value="female">tarjeta de debito</option>
<option value="female">ticket</option>
<option value="female">atm</option>
<option value="female">transferencia bancaria</option>
<option value="female">dinero en cuenta</option>
</select>
</div>
<div class="col-md-2 form-group">
<label for="chk">Gitfcard </label>
<label>Transaccion giftcard</label><input type="checkbox" value="" id="chk">
</div>
</div>
<div class="row">
<div class="col-md-2 form-group">
<div class="form-group">
<label for="lbl1">Id del vendedor</label>
<input type="text" class="form-control" id="lbl1">
</div>
</div>
<div class="col-md-2 form-group">
<div class="form-group">
<label for="lbl2">Id de pago</label>
<input type="text" class="form-control" id="lbl2">
</div>
</div>
<div class="col-md-2 form-group">
<div class="form-group">
<label for="lbl3">Id de referencia</label>
<input type="text" class="form-control" id="lbl3">
</div>
</div>
<div class="col-md-2 form-group">
<div class="form-group">
<label for="lbl4">Id de dispositivo</label>
<input type="text" class="form-control" id="lbl4">
</div>
</div>
<div class="col-md-2 form-group">
<div class="form-group">
<label for="lbl5">Fecha</label>
<input type="text" class="form-control" id="lbl5">
</div>
</div>
<div class="col-md-2 form-group">
<div class="form-group">
<label for="lbl6">Numero de tarjeta</label>
<input type="text" class="form-control" id="lbl6">
</div>
</div>
</div>
<div class="row">
<div class="col-md-2 form-group">
<button type="button" class="btn btn-info">Buscar</button>
</div>
</div>
<div class="row" style="overflow-x:auto;">
<table class="table table-hover table-striped" id="dev-table">
<thead>
<tr>
<th>Id</th>
<th>Tipo/Metodo</th>
<th>Procesamiento</th>
<th>Fecha de creacion</th>
<th>Estado</th>
<th>Purchase Id</th>
<th>Titular/Tarjeta</th>
<th>Tipo de operacion</th>
<th>Riesgo</th>
<th>Negocio</th>
<th>App</th>
<th>Identificacion</th>
<th>Item</th>
<th>Split</th>
<th>Monto</th>
<th>Direccion de envio</th>
<th>ME</th>
<th>Contraparte</th>
<th>THM Risk</th>
<th>Device</th>
<th>Device ML</th>
<th>Bureau</th>
<th>Doc</th>
<th>Ship</th>
<th>IP</th>
<th>Phone</th>
</tr>
</thead>
<tbody>
<tr>
<td>12459685</td>
<td>account_money/account_money</td>
<td>MP</td>
<td>05/01/2020 09:45:22</td>
<td>approved/accredited</td>
<td>-</td>
<td>-</td>
<td>regular_payment</td>
<td>LOW</td>
<td>OFF</td>
<td>desktop</td>
<td>-</td>
<td>pago por deuda en contracargos</td>
<td>-</td>
<td>BRL 878.00 / USD 216.00</td>
<td>-</td>
<td>ME</td>
<td>DRAWSSTORE</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>SAO PAULO</td>
<td>-</td>
</tr>
<tr>
<td>234345637</td>
<td>account_money/account_money</td>
<td>MP</td>
<td>18/01/2020 09:45:22</td>
<td>approved/accredited</td>
<td>-</td>
<td>-</td>
<td>money_transfer</td>
<td>LOW(0.02)</td>
<td>OFF</td>
<td>desktop</td>
<td>-</td>
<td>reembolso referente pedido ClickBus</td>
<td>-</td>
<td>BRL 9.90 / USD 2.46</td>
<td>-</td>
<td>ME</td>
<td>DRAWSSTORE</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>SAO PAULO</td>
<td>-</td>
</tr>
</tbody>
</table>
</div>
</div>
<div role="tabpanel" class="tab-pane fade" id="div7" aria-labelledby="div7-tab">
<div class="row" style="overflow-x:auto;">
<table class="table table-hover table-striped">
<thead>
<tr>
<th>Id</th>
<th>Tipo</th>
<th>Estado</th>
<th>CRM Id</th>
<th>CRM Status</th>
<th>Fecha de creacion</th>
<th>Origin</th>
<th>Record type</th>
<th>Queue</th>
<th>Acciones</th>
<th>Comentarios</th>
<th>Descripcion</th>
<th>Contactos</th>
</tr>
</thead>
<tbody>
<tr>
<td>5cccb32489dnas78234</td>
<td>buyer</td>
<td>closed</td>
<td>3985754</td>
<td>OPENED</td>
<td>02/02/2020 11:05:46</td>
<td>MP_PORTAL</td>
<td>Denuncias Analisis PF</td>
<td>BR - PF Analisis PF</td>
<td><button class="btn btn-info" data-toggle="modal" data-target="#actionsModal"><i class="fa fa-stack-overflow"></i></button></td>
<td><button class="btn btn-info" data-toggle="modal" data-target="#commentModal"><i class="fa fa-comments"></i></button></td>
<td><button class="btn btn-info" data-toggle="modal" data-target="#descripcionModal"><i class="fa fa-plus-square "></i></button></td>
<td><button class="btn btn-info" data-toggle="modal" data-target="#contactModal"><i class="fa fa-address-book"></i></button></td>
</tr>
<tr>
<td>5azsb23109dnas78234</td>
<td>pagos_n</td>
<td>closed</td>
<td>896754</td>
<td>Abierto</td>
<td>03/01/2020 06:05:46</td>
<td>PORTAL_MP</td>
<td>Denuncias Analisis PF</td>
<td>BR - MP PS TOP OFF</td>
<td><button class="btn btn-info"><i class="fa fa-stack-overflow"></i></button></td>
<td><button class="btn btn-info"><i class="fa fa-comments"></i></button></td>
<td><button class="btn btn-info"><i class="fa fa-plus-square "></i></button></td>
<td><button class="btn btn-info"><i class="fa fa-address-book"></i></button></td>
</tr>
<tr>
<td>5azsb23109dnas78234</td>
<td>pagos_n</td>
<td>closed</td>
<td>896754</td>
<td>Abierto</td>
<td>03/01/2020 06:05:46</td>
<td>PORTAL_MP</td>
<td>Denuncias Analisis PF</td>
<td>BR - MP PS TOP OFF</td>
<td><button class="btn btn-info"><i class="fa fa-stack-overflow"></i></button></td>
<td><button class="btn btn-info"><i class="fa fa-comments"></i></button></td>
<td><button class="btn btn-info"><i class="fa fa-plus-square "></i></button></td>
<td><button class="btn btn-info"><i class="fa fa-address-book"></i></button></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<!-- Modal Info -->
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Detalle</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div>
<table class="table table-hover table-striped" id="dev-table">
<thead>
<tr>
<th>User Id</th>
<th>Tipo accion</th>
<th>Valor campo accion</th>
<th>Valor da accion</th>
<th>Admin Id</th>
<th>Comentario</th>
</tr>
</thead>
<tbody>
<tr>
<td>-</td>
<td>close_case</td>
<td>-</td>
<td>close_case</td>
<td>test</td>
<td>waiting_review</td>
</tr>
<tr>
<td>121311</td>
<td>withdrawal</td>
<td>in_process</td>
<td>324234234</td>
<td>test</td>
<td>waiting_review</td>
</tr>
<tr>
<td>-</td>
<td>close_case</td>
<td>-</td>
<td>close_case</td>
<td>test</td>
<td>waiting_review</td>
</tr>
</tbody>
</table>
<div class="alert alert-warning">
<strong>Comentario:</strong> [test] Cerrado script RM. Caso cerrado por calculo de esperanza de fraude.
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-info" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- Modal Action -->
<div class="modal fade" id="actionsModal" tabindex="-1" role="dialog" aria-labelledby="actionsModal" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Acciones</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="alert alert-success" role="alert">
<span class="badge">1</span> - Estado <strong>Abierto</strong> para <strong>Cerrado</strong> - <span class="label label-default">14/02/2020 08:36:42</span>
</div>
<div class="alert alert-success" role="alert">
<span class="badge">2</span> - Propietario <strong>ssrodriguez</strong> para <strong>-</strong> - <span class="label label-default">14/02/2020 10:45:42</span>
</div>
<div class="alert alert-success" role="alert">
<span class="badge">3</span> - Estado <strong>BR_MPVendedor_Offline_ext</strong> para <strong>PF-Derivaciones_Gestion</strong> - <span class="label label-default">18/02/2020 15:21:12</span>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-info" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- Modal Comment-->
<div class="modal fade" id="commentModal" tabindex="-1" role="dialog" aria-labelledby="commentModal" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Comentarios</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body modal-body-comment">
<div>
<section class="comments">
<article class="comment">
<a class="comment-img" href="#non">
<img src="https://pbs.twimg.com/profile_images/444197466133385216/UA08zh-B.jpeg" alt="" width="50" height="50">
</a>
<div class="comment-body">
<div class="text">
<p>cadastro possui perfil de envasão no email, e por isso não restringimos o cadastro.PFcomprador</p>
</div>
<p class="attribution">by <a href="#non">test</a> at 14:23pm, 1 Jan 2020</p>
</div>
</article>
<article class="comment">
<a class="comment-img" href="#non">
<img src="https://pbs.twimg.com/profile_images/444197466133385216/UA08zh-B.jpeg" alt="" width="50" height="50">
</a>
<div class="comment-body">
<div class="text">
<p>Boa tarde gente, estou reabrindo o caso para pedir que verifiquem a possibilidade de aplicar uma restrição na conta dos users que estão realizando essas fraudes</p>
</div>
<p class="attribution">by <a href="#non">ricosta</a> at 16:00pm, 5 Jan 2020</p>
</div>
</article>
<article class="comment">
<a class="comment-img" href="#non">
<img src="https://pbs.twimg.com/profile_images/444197466133385216/UA08zh-B.jpeg" alt="" width="50" height="50">
</a>
<div class="comment-body">
<div class="text">
<p>Olá boa tarde! O user 30985107, fez diversas comprar em um curto período de tempo para destinos diferentes. Poderiam analisar o comportamento deste comprador. Segue algumas das operações. 4714539540 4714539803 4721132409</p>
</div>
<p class="attribution">by <a href="#non">avita</a> at 08:23pm, 15 Jan 2020</p>
</div>
</article>
</section>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-info" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</div>
<!-- Modal Contactos-->
<div class="modal fade" id="contactModal" tabindex="-1" role="dialog" aria-labelledby="contactModal" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Contactos</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div style="overflow-x:auto;">
<table class="table table-hover table-striped" id="dev-table">
<thead>
<tr>
<th>Tipo</th>
<th>Fecha de creacion</th>
<th>Asunto</th>
<th>De</th>
<th>Para</th>
</tr>
</thead>
<tbody>
<tr data-toggle="collapse" data-target="#demo1" class="accordion-toggle" style="cursor: pointer;">
<td>sf</td>
<td>02/05/2020 10:25:00</td>
<td>-</td>
<td>support@supportcenter.mercadolibre.com</td>
<td>-</td>
</tr>
<tr >
<td colspan="5" class="hiddenRow">
<div class="accordian-body collapse" id="demo1">
<div class="alert alert-warning">
<strong>Mensaje:</strong> Os pagamentos 4714539540 4714539803 4721132409 tratam-se de fraude.
</div>
</div>
</td>
</tr>
<tr>
<td>agent</td>
<td>18/02/2020 11:00:00</td>
<td>Reposta ao sue contato</td>
<td>support@supportcenter.mercadolibre.com</td>
<td>test@gmail.com</td>
</tr>
<tr>
<td>form</td>
<td>10/03/2020 15:58:20</td>
<td>Contate-nos</td>
<td>-</td>
<td>support@supportcenter.mercadolibre.com</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-info" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- Modal Descripcion -->
<div class="modal fade" id="descripcionModal" tabindex="-1" role="dialog" aria-labelledby="descripcionModal" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Descripcion</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div>
<div class="alert alert-warning">
<strong>Mensagem:</strong>
Boa tarde!Trabalhava com outra plataforma e migrei para o Mercado Pago devido umas boas informações que tive sobre o Mercado Pago,agora minha conta encontra encontra suspensa a menos de 10 dia de operação,gostaria de saber como posso ter minha conta liberada para minhas vendas serem retomada?Aguardo,OBRIGADO!
Quer enviar algum arquivo?
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-info" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
.hiddenRow {
padding: 0 !important;
}
.modal-body-comment{
max-height: calc(100vh - 50px);
overflow-y: auto;
}
.wrapper {
padding: 15px 0;
}
.bs-example-tabs .nav-tabs {
margin-bottom: 15px;
}
p {
margin: 0 0 1em;
}
.comment {
overflow: hidden;
padding: 0 0 1em;
border-bottom: 1px solid #ddd;
margin: 0 0 1em;
*zoom: 1;
}
.comment-img {
float: left;
margin-right: 33px;
border-radius: 5px;
overflow: hidden;
}
.comment-img img {
display: block;
}
.comment-body {
overflow: hidden;
}
.comment .text {
padding: 10px;
border: 1px solid #e5e5e5;
border-radius: 5px;
background: #fff;
}
.comment .text p:last-child {
margin: 0;
}
.comment .attribution {
margin: 0.5em 0 0;
font-size: 14px;
color: #666;
}
/* Decoration */
.comments,
.comment {
position: relative;
}
.comments:before,
.comment:before,
.comment .text:before {
content: "";
position: absolute;
top: 0;
left: 65px;
}
.comments:before {
width: 3px;
top: -20px;
bottom: -20px;
background: rgba(0,0,0,0.1);
}
.comment:before {
width: 9px;
height: 9px;
border: 3px solid #fff;
border-radius: 100px;
margin: 16px 0 0 -6px;
box-shadow: 0 1px 1px rgba(0,0,0,0.2), inset 0 1px 1px rgba(0,0,0,0.1);
background: #ccc;
}
.comment:hover:before {
background: orange;
}
.comment .text:before {
top: 18px;
left: 78px;
width: 9px;
height: 9px;
border-width: 0 0 1px 1px;
border-style: solid;
border-color: #e5e5e5;
background: #fff;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
}
