<?php $__env->startSection('content'); ?>


<?php
include 'dbconnection.php';
$Email = Auth::user()->email;

$DB = mysqli_query($mysql,"SELECT dbname,Condominio FROM tb_users WHERE email ='$Email'");
while($row100 = mysqli_fetch_array($DB)){
$dbname = $row100 ['dbname'];

}

$hostname2 = "localhost";
$username2 = "tempdpe5_nicolas";
$password2= "(Made7575)";
$conn = mysqli_connect($hostname2,$username2,$password2,$dbname);
if (mysqli_connect_errno()){
  printf("Connect failed: %s\n", mysqli_connect_error());
  exit();
} 
mysqli_set_charset($conn ,"utf8");


$Group = Auth::user()->group_id;

$Username = Auth::user()->username;
$Condominio = $_GET['Condominio']; 
$Mes = $_GET['Mes']; 
$Ano = $_GET['Ano']; 
$Mesano = $Mes.' - '.$Ano;

//Presupuesto fijo//

$Prep2 = mysqli_query($conn, "SELECT * FROM presupuesto WHERE Condominio ='$Condominio' ");
$row34 = mysqli_fetch_assoc($Prep2);
$Presupuestofijo = $row34['Total'];


//Presupuesto//

$Prep = mysqli_query($conn, "SELECT * FROM reportepresupuesto WHERE Condominio ='$Condominio' AND Mes ='$Mes' AND Ano='$Ano'");
$row = mysqli_fetch_assoc($Prep);
$Presupuesto = $row['Presupuesto'];

//Banco//

$Banco = mysqli_query($conn, "SELECT * FROM gestionbancaria2 WHERE Condominio ='$Condominio' AND Mes ='$Mes' AND Ano='$Ano'");
$row2 = mysqli_fetch_assoc($Banco);
$BancoID = $row2['BancoID'];
$Totalmesactual = $row2['Total'];
$Mesanterior= $row2['Mes3'];


$Bancocredito= mysqli_query($conn, "SELECT SUM(Total) as Totalcredito FROM gestionbancaria2detalles WHERE Bancodetalles ='$BancoID' AND Tipotrans = 'Credito'");
$row2x = mysqli_fetch_assoc($Bancocredito);
$Credito = $row2x['Totalcredito'];


$Banco3 = mysqli_query($conn, "SELECT * FROM gestionbancaria2 WHERE Mes2 ='$Mesanterior' AND Condominio ='$Condominio'");
$count80=mysqli_num_rows($Banco3);


if( $count80 == 0){
$Totalmesanterior = '0';    
$Restatotal = $Totalmesactual - $Totalmesanterior;    

}else{

if($Mes == 'Enero'){
$Banco2 = mysqli_query($conn, "SELECT * FROM gestionbancaria2 WHERE Mes2 ='$Mesanterior' AND Condominio='$Condominio' AND Ano = CONVERT($Ano, DECIMAL)-1 ");
$row3 = mysqli_fetch_assoc($Banco2);
$Totalmesanterior = $row3['Total'];

$Restatotal = $Totalmesactual - $Totalmesanterior;
    
}else{

$Banco2 = mysqli_query($conn, "SELECT * FROM gestionbancaria2 WHERE Mes2 ='$Mesanterior' AND Ano ='$Ano' AND Condominio='$Condominio' ");
$row3 = mysqli_fetch_assoc($Banco2);
$Totalmesanterior = $row3['Total'];

$Restatotal = $Totalmesactual - $Totalmesanterior;

}
}

$Totalcreditomes= $Credito - $Totalmesanterior;

//Kpicuota//
//mysqli_query($con,"UPDATE mantenimientopago SET Totalreporte = InvTotal WHERE Totalreporte IS NULL AND Pagoparcial ='0'");
mysqli_query($conn,"UPDATE mantenimientopago SET Totalreporte = InvTotal WHERE Totalreporte IS NULL");
mysqli_query($conn,"UPDATE mantenimientopago SET Totalrealizadorep = Pagorealizado WHERE Totalrealizadorep IS NULL");
mysqli_query($conn,"UPDATE mantenimientopago SET Totalrestanterep = Pagorestante WHERE Totalrestanterep IS NULL");
mysqli_query($conn,"UPDATE mantenimientopago SET Statusreporte = Pagostatus WHERE Statusreporte IS NULL");


$Cuotatotal1 = mysqli_query($conn, "SELECT SUM(Totalreporte) as Cuotatotal, SUM(Totalrealizadorep) as Cuotarealizada, SUM(Totalrestanterep) as Cuotarestante FROM mantenimientopago WHERE Tipocuota='Normal' AND Mes ='$Mes' AND Ano ='$Ano' AND Condominio = '$Condominio'");
$row10 = mysqli_fetch_assoc($Cuotatotal1);
$Totalcuota= $row10['Cuotatotal'];
$Totalcuota2= $row10['Cuotatotal']-$row10['Cuotarestante'];
$Totalcuota3= $row10['Cuotatotal']-$row10['Cuotarealizada'];

$Ecuota= $Totalcuota2*100/$Presupuesto;
//$Deudacuota=$Presupuesto - $Totalcuota2;

//$Cuotatotal2 = mysqli_query($con, "SELECT SUM(Totalreporte) as Cuotatotal2, Mes,Totalrealizadorep,Totalrestanterep FROM mantenimientopago WHERE Statusreporte = 'No Pagado' AND Tipocuota='Normal' AND Mes='$Mes' AND Ano ='$Ano' AND Condominio = '$Condominio'");
//$row30 = mysqli_fetch_assoc($Cuotatotal2);
//$Totalcuota2 = $row30['Cuotatotal2'];


//Kpipagos//

mysqli_query($conn,"UPDATE gastos SET Totalreporte = Total WHERE Totalreporte IS NULL");
mysqli_query($conn,"UPDATE gastos SET Statusreporte = Status WHERE Statusreporte IS NULL");

mysqli_query($conn,"UPDATE gastos SET Mes = STR_TO_DATE(Fecha,'%Y-%m-%d')");

mysqli_query($conn,"UPDATE gastos SET Ano = STR_TO_DATE(Fecha,'%Y-%m-%d')");

mysqli_query($conn,"UPDATE gastos SET Mes = DATE_FORMAT(Mes, '%M')");

mysqli_query($conn,"UPDATE gastos SET Ano = DATE_FORMAT(Ano, '%Y')");


mysqli_query($conn,"UPDATE gastos SET Mes = 'Enero' WHERE Mes = 'January'");
mysqli_query($conn,"UPDATE gastos SET Mes = 'Febrero' WHERE Mes = 'February'");
mysqli_query($conn,"UPDATE gastos SET Mes = 'Marzo' WHERE Mes = 'March'");
mysqli_query($conn,"UPDATE gastos SET Mes = 'Abril' WHERE Mes = 'April'");
mysqli_query($conn,"UPDATE gastos SET Mes = 'Mayo' WHERE Mes = 'May'");
mysqli_query($conn,"UPDATE gastos SET Mes = 'Junio' WHERE Mes = 'June'");
mysqli_query($conn,"UPDATE gastos SET Mes = 'Julio' WHERE Mes = 'July'");
mysqli_query($conn,"UPDATE gastos SET Mes = 'Agosto' WHERE Mes = 'August'");
mysqli_query($conn,"UPDATE gastos SET Mes = 'Septiembre' WHERE Mes = 'September'");
mysqli_query($conn,"UPDATE gastos SET Mes = 'Octubre' WHERE Mes = 'October'");
mysqli_query($conn,"UPDATE gastos SET Mes = 'Noviembre' WHERE Mes = 'November'");
mysqli_query($conn,"UPDATE gastos SET Mes = 'Diciembre' WHERE Mes = 'December'");


$Totalgastos1 = mysqli_query($conn, "SELECT SUM(Totalreporte) as Totalgastos FROM gastos WHERE Statusreporte ='Pagado' AND Mes='$Mes' AND Ano='$Ano' AND Condominio = '$Condominio' ");
$row11 = mysqli_fetch_assoc($Totalgastos1);
$Totalgasto2= $row11['Totalgastos'];
$Egasto= $Totalgasto2*100/$Presupuesto;
$Deudagasto = $Presupuesto - $Totalgasto2;

$Totalgastos3 = mysqli_query($conn, "SELECT SUM(Totalreporte) as Totalgastos2 FROM gastos WHERE Statusreporte = 'No Pagado' AND Mes='$Mes' AND Ano ='$Ano' AND Condominio = '$Condominio'");
$row31 = mysqli_fetch_assoc($Totalgastos3);
$Totalgasto4= $row31['Totalgastos2'];

//GraficaOT//
mysqli_query($conn,"UPDATE ordendetrabajo SET Mes = Fecha");

mysqli_query($conn,"UPDATE ordendetrabajo SET Ano = Fecha");

mysqli_query($conn,"UPDATE ordendetrabajo SET Mes = DATE_FORMAT(Mes, '%M')");

mysqli_query($conn,"UPDATE ordendetrabajo SET Ano = DATE_FORMAT(Ano, '%Y')");

mysqli_query($conn,"UPDATE ordendetrabajo SET Mes = 'Enero' WHERE Mes = 'January'");
mysqli_query($conn,"UPDATE ordendetrabajo SET Mes = 'Febrero' WHERE Mes = 'February'");
mysqli_query($conn,"UPDATE ordendetrabajo SET Mes = 'Marzo' WHERE Mes = 'March'");
mysqli_query($conn,"UPDATE ordendetrabajo SET Mes = 'Abril' WHERE Mes = 'April'");
mysqli_query($conn,"UPDATE ordendetrabajo SET Mes = 'Mayo' WHERE Mes = 'May'");
mysqli_query($conn,"UPDATE ordendetrabajo SET Mes = 'Junio' WHERE Mes = 'June'");
mysqli_query($conn,"UPDATE ordendetrabajo SET Mes = 'Julio' WHERE Mes = 'July'");
mysqli_query($conn,"UPDATE ordendetrabajo SET Mes = 'Agosto' WHERE Mes = 'August'");
mysqli_query($conn,"UPDATE ordendetrabajo SET Mes = 'Septiembre' WHERE Mes = 'September'");
mysqli_query($conn,"UPDATE ordendetrabajo SET Mes = 'Octubre' WHERE Mes = 'October'");
mysqli_query($conn,"UPDATE ordendetrabajo SET Mes = 'Noviembre' WHERE Mes = 'November'");
mysqli_query($conn,"UPDATE ordendetrabajo SET Mes = 'Diciembre' WHERE Mes = 'December'");



$OT= mysqli_query($conn,"SELECT * FROM ordendetrabajo WHERE  Status != 'Cancelada' AND Mes ='$Mes' AND Ano='$Ano' AND Condominio = '$Condominio'");
$trabajos = mysqli_num_rows($OT);
$OT2= mysqli_query($conn,"SELECT * FROM ordendetrabajo WHERE  Status IN ('Completada','Revisada') AND Mes ='$Mes'AND Ano='$Ano' AND Condominio = '$Condominio' ");
$trabajos2 = mysqli_num_rows($OT2);
$OT3= mysqli_query($conn,"SELECT * FROM ordendetrabajo WHERE  Status NOT IN ('Completada','Revisada') AND Mes ='$Mes'AND Ano='$Ano' AND Condominio = '$Condominio'");
$trabajos3 = mysqli_num_rows($OT3);



if($trabajos!= 0){
$OTcompletada = $trabajos2*100/$trabajos;
$OTpendientes = 100 - $OTcompletada;
} else{
$OTcompletada = 0;
$OTpendientes = 0;
    
}
//GestionBancaria//
mysqli_query($conn,"UPDATE gestionbancaria2 SET Fecha = 'January' WHERE Mes = 'Enero'");
mysqli_query($conn,"UPDATE gestionbancaria2 SET Fecha = 'February' WHERE Mes = 'Febrero'");
mysqli_query($conn,"UPDATE gestionbancaria2 SET Fecha = 'March' WHERE Mes = 'Marzo'");
mysqli_query($conn,"UPDATE gestionbancaria2 SET Fecha = 'April' WHERE Mes = 'Abril'");
mysqli_query($conn,"UPDATE gestionbancaria2 SET Fecha = 'May' WHERE Mes = 'Mayo'");
mysqli_query($conn,"UPDATE gestionbancaria2 SET Fecha = 'June' WHERE Mes = 'Junio'");
mysqli_query($conn,"UPDATE gestionbancaria2 SET Fecha = 'July' WHERE Mes = 'Julio'");
mysqli_query($conn,"UPDATE gestionbancaria2 SET Fecha = 'August' WHERE Mes = 'August'");
mysqli_query($conn,"UPDATE gestionbancaria2 SET Fecha = 'September' WHERE Mes = 'Septiembre'");
mysqli_query($conn,"UPDATE gestionbancaria2 SET Fecha = 'October' WHERE Mes = 'Octubre'");
mysqli_query($conn,"UPDATE gestionbancaria2 SET Fecha = 'November' WHERE Mes = 'Noviembre'");
mysqli_query($conn,"UPDATE gestionbancaria2 SET Fecha = 'December' WHERE Mes = 'Dicembre'");


?>

<!--<script type="text/javascript" src="<?php echo e(asset('sximo5/js/plugins/chartjs/Chart.min.js')); ?>"></script>-->
<script type="text/javascript" src="<?php echo e(asset('sximo5/js/jquery.js')); ?>"></script>
<script type="text/javascript" src="<?php echo e(asset('html2pdf.bundle.min.js')); ?>"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.0/Chart.min.js"></script>
<!--<script src="https://cdn.jsdelivr.net/gh/emn178/chartjs-plugin-labels/src/chartjs-plugin-labels.js"></script>-->
<script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-datalabels@0.7.0"></script>
<script src="https://cdn.zingchart.com/zingchart.min.js"></script>
<!--<link href="<?php echo e(asset('sximo5/css/simpleGauge.css')); ?>" rel="stylesheet">-->
<!--<script type="text/javascript" src="<?php echo e(asset('sximo5/js/simpleGauge.js')); ?>"></script>-->


<!--<div class="page-header"><h2><?php echo e($pageTitle); ?> <small> <?php echo e($pageNote); ?> </small> </h2></div>-->

 
<div  class="p-4 table-responsive" style="background-color: #ffffff;" >




    

<div class="x" >   
    <div class="row " style="margin-bottom: -50px;">
    <div class="col-md-6 col-6" style="text-align: left;">
 	
 	<button style="border: none;background: none;border-color: transparent;" onclick="location.href='<?php echo e(url('reporteadm')); ?>'"><img class="imagen" src="dashboardimage/salir.png" style="width:50%;float: left;"></button>
 	</div>
    
    <div class="col-md-6 col-6" style="text-align: right">
    <button style="border: none;background: none;border-color: transparent;outline-style: none;" onclick="generatePDF()"><img class="imagen" src="dashboardimage/sendreport.png" style="width:40%; float: right;"></button>
    </div> 
     </div>   
<div id="reporte">    
<div style="font-size:30px;color: #7a7a7a;font-weight:900;font-family: 'Rubik', sans-serif;text-align: center;text-shadow:0px 0px 2px #3b3b3b;margin-top:10px">RESIDENCIAL <?php echo $Condominio; ?></div>
    <div style="font-size:20px;color: #7a7a7a;font-weight:900;font-family: 'Rubik', sans-serif;text-align: center; margin-bottom:-10px;text-shadow:0px 0px 2px #3b3b3b;">REPORTE ADMINISTRATIVO | <?php echo $Mesano; ?> | PRESUPUESTO : <a style="color: #4879a1;"> $<?php echo number_format($Presupuestofijo,2); ?></a> </div>
<!--Inicio--> 
<!--Primer bloque-->
<div class="row p-3">
  <div class="col-md-6 col-6">
  <hr class="line_break1"> 
  <div class="huge4" style="margin-left:15px;" > INFORMACIONES BANCARIAS</div> 
  <hr class="line_break2">
   <div class="row ">
     <!--primera columna-->
         <div class="col-md-4 col-4">
         
             <!--KPI1--->
             <div class="card" style="width:110%;box-shadow: 0px 0px 5px #888;border: 1px solid #9e9e9e; background:#dedede;height: 60px;margin-bottom:7px;">
             <div class="card-body " style="height: 60px;width:100%;">
             <!--Inicio-->

             <div class="col-md-12 col-12" style=" margin-top:-18px;height: 30px;margin-left:-17px;">
             <div style="font-size: 16px;color: #4a4a4a;font-weight:600;font-family: 'Rubik', sans-serif;width:150%; "><div style="float: right;">$ <?php echo number_format($Presupuesto,2); ?></div> </div>
             </div>
             <div class="row">
             <div class="col-md-4 col-4" style="margin-top:-8px;height: 30px;">    
             <img class="imagen"   style="width: 28px;margin-left:-10px;" src="dashboardimage/presupuesto.png"  >
             </div> 
             <div class="col-md-8 col-8" style=" ;margin-top:2px;height: 30px;margin-left:-10px;">    
             <div style="font-size: 9px;color: #474747;width:130%;margin-top:-6px;text-align: right;"><div style="float: right;">PAGO TOTAL</div></div>
             </div> 
             </div>
             
             <!--Final-->
             </div>
             </div>
             <!--KPI1--->
             <!--KPI2--->
            <div class="card" style="width:110%;box-shadow: 0px 0px 5px #888;border: 1px solid #9e9e9e; background:#dedede;height: 60px;margin-bottom:7px;">
             <div class="card-body " style="height: 60px;width:100%;">
             <!--Inicio-->

             <div class="col-md-12 col-12" style=" margin-top:-18px;height: 30px;margin-left:-17px;">
             <div style="font-size: 16px;color: #4a4a4a;font-weight:600;font-family: 'Rubik', sans-serif;width:150%; "><div style="float: right;">$ <?php echo number_format( $Totalmesanterior,2); ?></div> </div>
             </div>
             <div class="row">
             <div class="col-md-4 col-4" style="margin-top:-8px;height: 30px;">    
             <img class="imagen"   style="width: 28px;margin-left:-10px;" src="dashboardimage/coin.png"  >
             </div> 
             <div class="col-md-8 col-8" style=" ;margin-top:2px;height: 30px;margin-left:-10px;">    
             <div style="font-size: 9px;color: #474747;width:125%;margin-top:-6px;text-align: right;"><div style="float: right;">BALANCE ANTERIOR</div></div>
             </div> 
             </div>
             
             <!--Final-->
             </div>
             </div>
             <!--KPI2--->
             <!--KPI3--->
            <div class="card" style="width:110%;box-shadow: 0px 0px 5px #888;border: 1px solid #9e9e9e; background:#dedede;height: 60px;margin-bottom:7px;">
             <div class="card-body " style="height: 60px;width:100%;">
             <!--Inicio-->

             <div class="col-md-12 col-12" style=" margin-top:-18px;height: 30px;margin-left:-17px;">
             <div style="font-size: 16px;color: #4a4a4a;font-weight:600;font-family: 'Rubik', sans-serif;width:150%; "><div style="float: right;">$ <?php echo number_format( $Totalmesactual,2); ?></div> </div>
             </div>
             <div class="row">
             <div class="col-md-4 col-4" style="margin-top:-8px;height: 30px;">    
             <img class="imagen"   style="width: 28px;margin-left:-10px;" src="dashboardimage/coin2.png"  >
             </div> 
             <div class="col-md-8 col-8" style=" ;margin-top:2px;height: 30px;margin-left:-10px;">    
             <div style="font-size: 9px;color: #474747;width:125%;margin-top:-6px;text-align: right;"><div style="float: right;">BALANCE  ACTUAL</div></div>
             </div> 
             </div>
             
             <!--Final-->
             </div>
             </div>
             <!--KPI3--->
             <!--KPI4--->
             <div class="card" style="width:110%;box-shadow: 0px 0px 5px #888;border: 1px solid #9e9e9e; background:#dedede;height: 60px;margin-bottom:7px;">
             <div class="card-body " style="height: 60px;width:100%;">
             <!--Inicio-->

             <div class="col-md-12 col-12" style=" margin-top:-18px;height: 30px;margin-left:-17px;">
             <div style="font-size: 16px;color: #4a4a4a;font-weight:600;font-family: 'Rubik', sans-serif;width:150%; "><div style="float: right;">$ <?php echo number_format( $Totalcreditomes,2); ?></div> </div>
             </div>
             <div class="row">
             <div class="col-md-4 col-4" style="margin-top:-8px;height: 30px;">    
             <img class="imagen"   style="width: 28px;margin-left:-10px;" src="dashboardimage/dobledollar.png"  >
             </div> 
             <div class="col-md-8 col-8" style=" ;margin-top:2px;height: 30px;margin-left:-10px;">    
             <div style="font-size: 9px;color: #474747;width:125%;margin-top:-6px;text-align: right;"><div style="float: right;">DEPOSITOS BANCARIOS</div></div>
             </div> 
             </div>
             
             <!--Final-->
             </div>
             </div>
             <!--KPI4--->
          
         </div>
         <!--primera columna--> 
         <!--segunda columna--> 
         <div class="col-md-8 col-8">
         <!--segunda columna-->  
         <div class="spanel " style="box-shadow: 0px 0px 5px #888;">
            <div class="panel-heading" style = "font-size:12px; color:white; background-color: #5e676e; font-weight: 300;text-align: center;padding:4px;"><i class="las la-chart-bar  fa-lg " style ="color: #ffad0a;"></i> SEGUIMIENTO DE BALANCES ( X 1000 )</div>
            <div class="panel-body" style="border: 1px solid #9c9c9c;">
                <div>
                    <div id='myChart4'></div>
                </div>
            </div>
        </div>
         </div>
        <!--segunda columna-->   
  </div>
  </div>



  <div class="col-md-6 col-6">
 
  <hr class="line_break1"> 
  <div class="huge4" style="margin-left:15px;"> INFORMACIONES ADMINISTRATIVAS</div> 
  <hr class="line_break2"> 
  <div class="row ">
     <!--tercera columna-->
         <div class="col-md-4 col-4">
         
             <!--KPI1--->
            <div class="card" style="width:110%;box-shadow: 0px 0px 5px #888;border: 1px solid #9e9e9e; background:#dedede;height: 60px;margin-bottom:7px;">
             <div class="card-body " style="height: 60px;width:100%;">
             <!--Inicio-->

             <div class="col-md-12 col-12" style=" margin-top:-18px;height: 30px;margin-left:-17px;">
             <div style="font-size: 16px;color: #4a4a4a;font-weight:600;font-family: 'Rubik', sans-serif;width:150%; "><div style="float: right;">$ <?php echo number_format($Totalcuota2,2); ?></div> </div>
             </div>
             <div class="row">
             <div class="col-md-4 col-4" style="margin-top:-8px;height: 30px;">    
             <?php
                                    if($Ecuota >= 90 ){
                                    echo"<img class='imagen'   style='width: 28px;margin-left:-10px;' src='dashboardimage/verified.png'  >";
                                    }elseif($Ecuota >= 80 ){
                                    echo"<img class='imagen'   style='width: 28px;margin-left:-10px;' src='dashboardimage/warning.png'  >";
                                    }else{
                                    echo"<img class='imagen'   style='width: 28px;margin-left:-10px;' src='dashboardimage/remove.png'  >";
                                    }
              ?>
             </div> 
             <div class="col-md-8 col-8" style=" ;margin-top:2px;height: 30px;margin-left:-10px;">    
             <div style="font-size: 9px;color: #474747;width:125%;margin-top:-6px;text-align: right;"><div style="float: right;">PAGOS REALIZADOS</div></div>
             </div> 
             </div>
             
             <!--Final-->
             </div>
             </div>
             <!--KPI1--->   
             <!--KPI2--->
          <div class="card" style="width:110%;box-shadow: 0px 0px 5px #888;border: 1px solid #9e9e9e; background:#dedede;height: 60px;margin-bottom:7px;">
             <div class="card-body " style="height: 60px;width:100%;">
             <!--Inicio-->

             <div class="col-md-12 col-12" style=" margin-top:-18px;height: 30px;margin-left:-17px;">
             <div style="font-size: 16px;color: #4a4a4a;font-weight:600;font-family: 'Rubik', sans-serif;width:150%; "><div style="float: right;">$ <?php echo number_format($Totalcuota3,2); ?></div> </div>
             </div>
             <div class="row">
             <div class="col-md-4 col-4" style="margin-top:-8px;height: 30px;">    
             <?php
                                    if($Ecuota >= 90 ){
                                    echo"<img class='imagen'   style='width: 28px;margin-left:-10px;' src='dashboardimage/verified.png'  >";
                                    }elseif($Ecuota >= 80 ){
                                    echo"<img class='imagen'   style='width: 28px;margin-left:-10px;' src='dashboardimage/warning.png'  >";
                                    }else{
                                    echo"<img class='imagen'   style='width: 28px;margin-left:-10px;' src='dashboardimage/remove.png'  >";
                                    }
              ?>
             </div> 
             <div class="col-md-8 col-8" style=" ;margin-top:2px;height: 30px;margin-left:-10px;">    
             <div style="font-size: 9px;color: #474747;width:125%;margin-top:-6px;text-align: right;"><div style="float: right;">PAGOS PENDIENTES</div></div>
             </div> 
             </div>
             
             <!--Final-->
             </div>
             </div>
             <!--KPI2--->
             <!--KPI3--->
             <div class="card" style="width:110%;box-shadow: 0px 0px 5px #888;border: 1px solid #9e9e9e; background:#dedede;height: 60px;margin-bottom:7px;">
             <div class="card-body " style="height: 60px;width:100%;">
             <!--Inicio-->

             <div class="col-md-12 col-12" style=" margin-top:-18px;height: 30px;margin-left:-17px;">
             <div style="font-size: 16px;color: #4a4a4a;font-weight:600;font-family: 'Rubik', sans-serif;width:150%; "><div style="float: right;">$ <?php echo number_format( $Totalgasto2,2); ?></div> </div>
             </div>
             <div class="row">
             <div class="col-md-4 col-4" style="margin-top:-8px;height: 30px;"> 
             <?php
                                    if($Egasto >= 90 ){
                                    echo"<img class='imagen'   style='width: 28px;margin-left:-10px;' src='dashboardimage/verified.png'  >";
                                    }elseif($Egasto >= 80 ){
                                    echo"<img class='imagen'   style='width: 28px;margin-left:-10px;' src='dashboardimage/warning.png'  >";
                                    }else{
                                    echo"<img class='imagen'   style='width: 28px;margin-left:-10px;' src='dashboardimage/remove.png'  >";
                                    }
              ?>
             
             </div> 
             <div class="col-md-8 col-8" style=" ;margin-top:2px;height: 30px;margin-left:-10px;">    
             <div style="font-size: 9px;color: #474747;width:125%;margin-top:-6px;text-align: right;"><div style="float: right;"> GASTOS REALIZADOS </div></div>
             </div> 
             </div>
             
             <!--Final-->
             </div>
             </div>
             <!--KPI3--->
             <!--KPI4--->
             <div class="card" style="width:110%;box-shadow: 0px 0px 5px #888;border: 1px solid #9e9e9e; background:#dedede;height: 60px;margin-bottom:7px;">
             <div class="card-body " style="height: 60px;width:100%;">
             <!--Inicio-->

             <div class="col-md-12 col-12" style=" margin-top:-18px;height: 30px;margin-left:-17px;">
             <div style="font-size: 16px;color: #4a4a4a;font-weight:600;font-family: 'Rubik', sans-serif;width:150%; "><div style="float: right;">$ <?php echo number_format( $Totalgasto4,2); ?></div> </div>
             </div>
             <div class="row">
             <div class="col-md-4 col-4" style="margin-top:-8px;height: 30px;"> 
             <?php
                                    if($Egasto >= 90 ){
                                    echo"<img class='imagen'   style='width: 28px;margin-left:-10px;' src='dashboardimage/verified.png'  >";
                                    }elseif($Egasto >= 80 ){
                                    echo"<img class='imagen'   style='width: 28px;margin-left:-10px;' src='dashboardimage/warning.png'  >";
                                    }else{
                                    echo"<img class='imagen'   style='width: 28px;margin-left:-10px;' src='dashboardimage/remove.png'  >";
                                    }
              ?>
             
             </div> 
             <div class="col-md-8 col-8" style=" ;margin-top:2px;height: 30px;margin-left:-10px;">    
             <div style="font-size: 9px;color: #474747;width:125%;margin-top:-6px;text-align: right;"><div style="float: right;"> GASTOS PENDIENTES </div></div>
             </div> 
             </div>
             
             <!--Final-->
             </div>
             </div>
             <!--KPI4--->
          
         </div>
         <!--tercera columna--> 
         <!--cuarta columna--> 
         <div class="col-md-8 col-8">
         <div class="spanel " style="box-shadow: 0px 0px 5px #888;">
            <div class="panel-heading" style = "font-size:12px; color:white; background-color: #5e676e; font-weight: 300;text-align: center;padding:4px;"><i class="las la-chart-bar  fa-lg " style ="color: #ffad0a;"></i> RELACIÓN DE TRABAJOS DEL MES</div>
            <div class="panel-body" style="border: 1px solid #9c9c9c;">
                <div >
                <?php
                
                    if($trabajos == 0){ 
                    echo"<div id='myChart5no'  ><img class='imagen4' src='dashboardimage/nodatos.png' style='margin-top:30%;'></div>";    
                    }else{
                    echo"<div id='myChart5' style='margin:auto;margin-left:27px;'></div>";} 
                    
                    ?>                     
                </div>
            </div>
           </div>  
         </div>
      <!--Cuarta columna-->  
  
</div>
</div>  
<!--Primer bloque-->
<!--Segundo bloque-->
<div class="col-md-12 col-12">
<div class="row">
    
     <hr class="line_break1" style="margin-left:14px;margin-right:15px; margin-bottom:3px;"> 
     <div class="huge4" style="margin-left:25px;"> GRÁFICAS DE SEGUIMEINTO Y EFICIENCIA</div> 
     <hr class="line_break2 "style="margin-left:14px;margin-right:15px;">  
     
    <div class="col-md-4 col-4">
     <!--Grafica1-->     
    <div class="spanel " style="box-shadow: 0px 0px 5px #888;">
            <div class="panel-heading" style = "font-size:12px; color:white; background-color: #5e676e; font-weight: 300;text-align: center;padding:4px;"><i class="las la-chart-bar  fa-lg " style ="color: #ffad0a;"></i> EFICIENCIA DE PAGOS POR MES (%)</div>
            <div class="panel-body" style="border: 1px solid #9c9c9c;" >
                <div>
                    <div id='myChart'></div>
                </div>
            </div>
        </div>
    <!--Grafica1-->  
    </div>
    <div class="col-md-4 col-4" >
    <!--Grafica2-->      
      <div class="spanel" style="box-shadow: 0px 0px 5px #888;">
            <div class="panel-heading" style = "font-size:12px; color:white; background-color: #5e676e; font-weight: 300;text-align: center;padding:4px;"><i class="las la-chart-bar  fa-lg " style ="color: #ffad0a;"></i> EFICIENCIA DE GASTOS POR MES (%)</div>
            <div class="panel-body" style="border: 1px solid #9c9c9c;">
                <div>
                    
                <div id='myChart2'></div>

                </div>
            </div>
        </div>
    <!--Grafica2-->  
    </div>
    <div class="col-md-4 col-4" >
    <!--Grafica3-->    
        
   <div class="spanel " style="box-shadow: 0px 0px 5px #888;">
            <div class="panel-heading" style = "font-size:12px; color:white; background-color: #5e676e; font-weight: 300;text-align: center;padding:4px;"><i class="las la-chart-bar  fa-lg " style ="color: #ffad0a;"></i> SEGUIMIENTO DE PAGOS POR MES (%)</div>
            <div class="panel-body " style="border: 1px solid #9c9c9c;">
                <div >
                    <div id='myChart3'></div>
                </div>
            </div>
        </div>
    <!--Grafica3-->     
       
    </div>
  </div>
</div>
</div>
<!--Segundo bloque-->
<!--Final-->
</div>
</div>
</div> 







<div>
<!-- Modal -->
  <div class="modal fade p-5 " id="myModal" role="dialog" style="margin-top:-60px;">
    <div class="modal-dialog modal-dialog-centered">
    
      <!-- Modal content-->
      <div class="modal-content modal-sm text-center" >
       
        <div class="modal-body">
        	<img src="sximo5/images/send2.png" style="width: 40%;" />
          <H5>Proceso de Envío Completado !</H5>
          <button type="button" class="btn btn-default" data-dismiss="modal" style="border-color: #f29f41;margin-bottom: -1px;margin-top: 5px;font-size:13px;">Cerrar</button>
        </div>
        
      </div>
      
    </div>
  </div>
<!-- Modal -->
</div>

<!--<script type="text/javascript" src="<?php echo e(asset('sximo5/js/plugins/chartjs/Chart.min.js')); ?>"></script>-->
<script type="text/javascript" src="<?php echo e(asset('sximo5/js/jquery.js')); ?>"></script>
<script type="text/javascript" src="<?php echo e(asset('html2pdf.bundle.min.js')); ?>"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.0/Chart.min.js"></script>
<!--<script src="https://cdn.jsdelivr.net/gh/emn178/chartjs-plugin-labels/src/chartjs-plugin-labels.js"></script>-->
<script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-datalabels@0.7.0"></script>
<script src="https://cdn.zingchart.com/zingchart.min.js"></script>
<!--<link href="<?php echo e(asset('sximo5/css/simpleGauge.css')); ?>" rel="stylesheet">-->
<!--<script type="text/javascript" src="<?php echo e(asset('sximo5/js/simpleGauge.js')); ?>"></script>-->
 

<script> 

function generatePDF() {
 
 var email = '<?=$Email?>';
    console.log(email); 
    
  var condominio = '<?=$Condominio?>';
    console.log(condominio);  
    
  var mesano = '<?=$Mesano?>';
    console.log(mesano);   
 
 $("#myModal").modal('show');

let el = document.getElementById('reporte');
let opt = {
    margin:       [0.2, 0.9, 1, -0.8],
              filename:     'myfile.pdf',
              image:        { type: 'jpeg', quality: 0.98 },
              html2canvas:  { scale: 2,width: 1250,windowWidth: 1024 },
              jsPDF:        { unit: 'in', format: 'letter', orientation: 'landscape' }
                                       };
html2pdf().set( opt ).from( el ).toPdf().output('datauristring').then(function( pdfAsString ) {
   
   // $("#myModal").modal('hide');
    
    let data = {'fileDataURI': pdfAsString, 'Email':email, 'Condominio':condominio, 'Mesano':mesano};
    $.post( "mail.php", data);
    console.log( data );
} );
};

/*function generatePDF() {
         $("#myModal").modal('show');
        var element = document.getElementById('reporte');
        var opt = {
              margin:       [0.2, 0.7, -0.8, -0.7],
              filename:     'myfile.pdf',
              image:        { type: 'jpeg', quality: 0.98 },
              html2canvas:  { scale: 2,width: 1200,},
              jsPDF:        { unit: 'in', format: 'letter', orientation: 'landscape' }
                                       };
 html2pdf().set(opt).from(element).save().then(function () {
   $("#myModal").modal('hide');
    });
      }*/
      
      
      
 //html2pdf().set(opt).from(element).toPdf().output('blob').then(function (pdfBlob) {
  // $("#myModal").modal('hide');
  // window.open(URL.createObjectURL(pdfBlob));
    // });
    
      //}  
      

//zingchart1
<?php $Pagosgrafica = mysqli_query($conn ,"SELECT SUM(Totalrealizadorep) as Total4,Presupuesto FROM mantenimientopago WHERE Condominio ='$Condominio' AND Ano ='$Ano' AND Tipocuota='Normal'AND Presupuesto != 1  GROUP BY Mes ORDER BY Fecha");?>
var myData = [<?php while($info3 = mysqli_fetch_array($Pagosgrafica))  echo number_format(($info3[ 'Total4' ]*100/$info3['Presupuesto'])).','; ?>];
<?php $Mesgrafica = mysqli_query($conn ,"SELECT Mes FROM mantenimientopago WHERE Condominio ='$Condominio' AND Ano ='$Ano' AND Tipocuota='Normal' GROUP BY Mes ORDER BY Fecha");?>
var myLabels = [<?php while($info4= mysqli_fetch_array($Mesgrafica)) echo '"'.$info4[ 'Mes' ].'",'; ?>];

   var myConfig = {
        "gui": {
    "watermark": {
      "position": "bl" //br (default), bl, tr, tl
    },contextMenu : {
  empty : true
  }
  }, 
       
       
      "graphset": [{
        "type": "bar3d",
            "plotarea": {
      
     // "margin-right":11,
    // "margin-left":-15,
     "adjust-layout": true,
      "marginLeftOffset": -15
      
    },
    
    plot: {
    'value-box': {
      'font-color': "#000000"
    },
    'background-color': "#5884a3",
    'border-color': "#5884a3",
     'border-width': 1
  },
        //"title": {
          //"text": "Isometric View"
        //},
        "3d-aspect": {
           "depth": 15,  
          "true3d": false
        },
        "scale-x": {
        "labels": myLabels,
             "item": {
      "angle": -45
    },"background-color":"none",
       "itemsOverlap": true,     
        "max-items":20    
         
        },
        
        
        scaleY:{
     "background-color":"none",       
    "line-color":"none",
    "tick":{
        "visible":false
    },
    "guide":{
        "visible":false
    },
    "item":{
        "visible":false
    }
},
        
        
        
        "series": [{
            "values": myData
          }
        ]
      }]
    };

    zingchart.render({
      id: 'myChart',
      data: myConfig,
      height: '110%',
      width: '103%',
      
    });




//zingchart1
//zingchart2
<?php $Pagosgrafica2 = mysqli_query($conn,"SELECT SUM(Totalreporte) as Total5,Presupuesto FROM gastos WHERE Condominio ='$Condominio' AND Ano ='$Ano' AND Statusreporte='Pagado' AND Presupuesto != 1 GROUP BY Mes ORDER BY Fecha");?>
var myData2 = [<?php while($info5 = mysqli_fetch_array($Pagosgrafica2))  echo number_format(($info5[ 'Total5' ]*100/$info5[ 'Presupuesto' ])).','; ?>];
<?php $Mesgrafica2 = mysqli_query($conn,"SELECT Mes FROM gastos WHERE Condominio ='$Condominio' AND Ano ='$Ano' AND Statusreporte ='Pagado' GROUP BY Mes ORDER BY Fecha");?>
var myLabels2 = [<?php while($info6 = mysqli_fetch_array($Mesgrafica2)) echo '"'.$info6[ 'Mes' ].'",'; ?>];
    
   var myConfig2 = {
        "gui": {
    "watermark": {
      "position": "bl" //br (default), bl, tr, tl
    },contextMenu : {
  empty : true
  }
  }, 
       
       
      "graphset": [{
        "type": "bar3d",
            "plotarea": {
      
     // "margin-right":11,
    // "margin-left":-15,
     "adjust-layout": true,
      "marginLeftOffset": -15
      
    },
    
    plot: {
    'value-box': {
      'font-color': "#000000"
    },
    'background-color': "#e39b00",
     'border-color': "#e39b00",
     'border-width': 1
  },
        //"title": {
          //"text": "Isometric View"
        //},
        "3d-aspect": {
           "depth": 15,  
          "true3d": false
        },
        "scale-x": {
        "labels": myLabels2,
             "item": {
      "angle": -45
    },"background-color":"none",
       "itemsOverlap": true,     
        "max-items":20    
         
        },
        
        
        scaleY:{
     "background-color":"none",       
    "line-color":"none",
    "tick":{
        "visible":false
    },
    "guide":{
        "visible":false
    },
    "item":{
        "visible":false
    }
},
        
        
        
        "series": [{
            "values": myData2
          }
        ]
      }]
    };

    zingchart.render({
      id: 'myChart2',
      data: myConfig2,
      height: '110%',
      width: '103%',
      
    });




//zingchart2
//zingchart3
<?php $Pagosgrafica3 = mysqli_query($conn,"SELECT SUM(Pagorealizado) as Total6,Presupuesto FROM mantenimientopago WHERE Condominio ='$Condominio' AND Ano ='$Ano' AND  Tipocuota='Normal' AND Presupuesto != 1  GROUP BY Mes ORDER BY Fecha");?>
var myData3 = [<?php while($info7 = mysqli_fetch_array($Pagosgrafica3))  echo number_format(($info7[ 'Total6' ]*100/$info7[ 'Presupuesto' ])).','; ?>];
<?php $Mesgrafica3 = mysqli_query($conn,"SELECT Mes FROM mantenimientopago WHERE Condominio ='$Condominio' AND Ano ='$Ano'  AND Tipocuota='Normal' GROUP BY Mes ORDER BY Fecha");?>
var myLabels3 = [<?php while($info8= mysqli_fetch_array($Mesgrafica3)) echo '"'.$info8[ 'Mes' ].'",'; ?>];
    
   var myConfig3 = {
        "gui": {
    "watermark": {
      "position": "bl" //br (default), bl, tr, tl
    },contextMenu : {
  empty : true
  }
  }, 
       
       
      "graphset": [{
        "type": "bar3d",
            "plotarea": {
      
     // "margin-right":11,
    // "margin-left":-15,
     "adjust-layout": true,
      "marginLeftOffset": -15
      
    },
    
    plot: {
    'value-box': {
      'font-color': "#000000"
    },
    'background-color': "#e85b1a",
     'border-color': "#e85b1a",
     'border-width': 1
  },
        //"title": {
          //"text": "Isometric View"
        //},
        "3d-aspect": {
           "depth": 15,  
          "true3d": false
        },
        "scale-x": {
        "labels": myLabels3,
             "item": {
      "angle": -45
    },"background-color":"none",
       "itemsOverlap": true,     
        "max-items":20    
         
        },
        
        
        scaleY:{
    "background-color":"none",
    "line-color":"none",
    "tick":{
        "visible":false
    },
    "guide":{
        "visible":false
    },
    "item":{
        "visible":false
    }
},
        
        
        
        "series": [{
            "values": myData3
          }
        ]
      }]
    };

    zingchart.render({
      id: 'myChart3',
      data: myConfig3,
      height: '110%',
      width: '103%',
      
    });




//zingchart3
//zingchart4

<?php $Banco3 = mysqli_query($conn, "SELECT Total FROM gestionbancaria2 WHERE Condominio ='$Condominio' AND Ano ='$Ano' ORDER BY STR_TO_DATE(Fecha,'%M')");?>
var myData4 = [<?php while($info = mysqli_fetch_array($Banco3))  echo number_format(($info[ 'Total' ]/1000),1).','; ?>];
<?php $Banco4 = mysqli_query($conn, "SELECT Mes FROM gestionbancaria2 WHERE Condominio ='$Condominio' AND Ano ='$Ano' ORDER BY STR_TO_DATE(Fecha,'%M')");?>
var myLabels4 = [<?php while($info2= mysqli_fetch_array($Banco4)) echo '"'.$info2[ 'Mes' ].'",'; ?>];

    
   var myConfig4 = {
        "gui": {
    "watermark": {
      "position": "bl" //br (default), bl, tr, tl
    },contextMenu : {
  empty : true
  }
  }, 
       
       
      "graphset": [{
        "type": "bar3d",
        
            "plotarea": {
      
     // "margin-right":11,
    // "margin-left":-15,
     "adjust-layout": true,
      "marginLeftOffset": -15
      
    },
    
    plot: {
    'value-box': {
      'font-color': "#000000",
      
    },
    'background-color': "#259c35",
    'border-color': "#259c35",
     'border-width': 1
  },
        //"title": {
          //"text": "Isometric View"
        //},
        "3d-aspect": {
           "depth": 15,  
          "true3d": false
        },
        "scale-x": {
        "labels" : myLabels4 ,
             "item": {
      "angle": -45
    },"background-color":"none",
       "itemsOverlap": true,     
        "max-items":20,
        
         
        },
        
        
        scaleY:{
    "background-color":"none",        
    "line-color":"none",
    "tick":{
        "visible":false
    },
    "guide":{
        "visible":false
    },
    "item":{
        "visible":false
    }
},
        
        
        
        "series": [{
            values : myData4
          }
        ]
      }]
    };

    zingchart.render({
      id: 'myChart4',
      data: myConfig4,
      height: '110%',
      width: '103%',
      
    });




//zingchart4
//zingchart5
  
 

    var myConfig5 = {
         "gui": {
    "watermark": {
      "position": "br"//br (default), bl, tr, tl
     
    }
  },
      "type": "pie3d",
        '3d-aspect': {
      depth: "55px"
    },
            "scale": {
        "size-factor": 0.9
      },
       plot: {'offset-r': "10%",
       //provide percentage or numeric value
           "borderColor": "transparent",
           valueBox: {
      placement: 'in',
      text: '%t\n%npv%',
      fontFamily: "Open Sans",
      'fontColor': "black",
      'fontSize':12
      
    },
    tooltip: {
      fontSize: '15',
      fontFamily: "Open Sans",
      padding: "5 10",
      text: "%npv%"
      
    },  
        
       
  },    
  
 
  
  "plotarea": {
      "backgroundColor":'transparent',
     // "margin-right":11,
    //"margin-left":-15,
     "adjust-layout": true
       
     // "marginRightOffset": '-20px'
    },
    
      //"title": {
       // "text": "A Pie Chart"
     // },
        series: [{
      values: [<?php echo $OTcompletada;?>],
      text: "Completadas",
      backgroundColor: '#5884a3',
    },
    {
      values: [<?php echo $OTpendientes;?>],
      text: "Pendientes",
      backgroundColor: '#e85b1a',
      detached: true
    }
  ]
};
     
    zingchart.render({
      id: 'myChart5',
      data: myConfig5,
      height: "108%",
      width: "85%"
      
    });





//zingchart5








      
      
	
			
			
			
					
			
			
</script>






















<style>
@import  url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@900&display=swap');

@media (max-width: 200px) {
.table-responsive {
   overflow-x: auto !important;}
 
 .x { width:1000%;
 
transform: scale(.7, .7);

margin-top: -130px;
margin-right: -145px;
margin-left:-145px;
margin-bottom:-130px;
 }
}   

@media (min-width: 201px) and (max-width: 225px) {
.table-responsive {
   overflow-x: auto !important;}
 
 .x { width:850%;
 
transform: scale(.7, .7);

margin-top: -120px;
margin-right:-145px;
margin-left:-145px;
margin-bottom:-120px;
 }
}  

@media (min-width: 226px) and (max-width: 250px) {
.table-responsive {
   overflow-x: auto !important;}
 
 .x { width:700%;
 
transform: scale(.7, .7);

margin-top: -120px;
margin-right:-145px;
margin-left:-145px;
margin-bottom:-120px;
 }
}  




@media (min-width: 251px) and (max-width: 275px) {
.table-responsive {
   overflow-x: auto !important;}
 
 .x { width:600%;
 
transform: scale(.7, .7);

margin-top: -120px;
margin-right:-145px;
margin-left:-145px;
margin-bottom:-120px;
 }
}   


@media (min-width: 276px) and (max-width: 300px) {
.table-responsive {
   overflow-x: auto !important;}
 
 .x { width:525%;
 
transform: scale(.7, .7);

margin-top: -120px;
margin-right:-145px;
margin-left:-145px;
margin-bottom:-120px;
 }
}   

@media (min-width: 301px) and (max-width: 325px) {
.table-responsive {
   overflow-x: auto !important;}
 
 .x { width:450%;
 
transform: scale(.7, .7);

margin-top: -120px;
margin-right:-145px;
margin-left:-145px;
margin-bottom:-120px;
 }
}   

@media (min-width: 326px) and (max-width: 350px) {
.table-responsive {
   overflow-x: auto !important;}
 
 .x { width:430%;
 
transform: scale(.7, .7);

margin-top: -120px;
margin-right:-145px;
margin-left:-145px;
margin-bottom:-120px;
 }
}   

@media (min-width: 351px) and (max-width: 375px) {
.table-responsive {
   overflow-x: auto !important;}
 
 .x { width:390%;
 
transform: scale(.7, .7);

margin-top: -120px;
margin-right:-145px;
margin-left:-145px;
margin-bottom:-120px;
 }
}  

@media (min-width: 376px) and (max-width:400px) {
.table-responsive {
   overflow-x: auto !important;}
 
 .x { width:360%;
 
transform: scale(.7, .7);

margin-top: -120px;
margin-right:-145px;
margin-left:-145px;
margin-bottom:-120px;
 }
}  

@media (min-width: 401px) and (max-width:425px) {
.table-responsive {
   overflow-x: auto !important;}
 
 .x { width:330%;
 
transform: scale(.7, .7);

margin-top: -120px;
margin-right:-145px;
margin-left:-145px;
margin-bottom:-120px;
 }
}  

@media (min-width: 426px) and (max-width:450px) {
.table-responsive {
   overflow-x: auto !important;}
 
 .x { width:310%;
 
transform: scale(.7, .7);

margin-top: -120px;
margin-right:-145px;
margin-left:-145px;
margin-bottom:-120px;
 }
} 

@media (min-width: 451px) and (max-width:475px) {
.table-responsive {
   overflow-x: auto !important;}
 
 .x { width:290%;
 
transform: scale(.7, .7);

margin-top: -120px;
margin-right:-145px;
margin-left:-145px;
margin-bottom:-120px;
 }
}  

@media (min-width: 476px) and (max-width:500px) {
.table-responsive {
   overflow-x: auto !important;}
 
 .x { width:270%;
 
transform: scale(.7, .7);

margin-top: -120px;
margin-right:-145px;
margin-left:-145px;
margin-bottom:-120px;
 }
}  


@media (min-width: 501px) and (max-width:525px) {
.table-responsive {
   overflow-x: auto !important;}
 
 .x { width:250%;
 
transform: scale(.7, .7);

margin-top: -120px;
margin-right:-145px;
margin-left:-145px;
margin-bottom:-120px;
 }
}  

@media (min-width: 526px) and (max-width:550px) {
.table-responsive {
   overflow-x: auto !important;}
 
 .x { width:230%;
 
transform: scale(.7, .7);

margin-top: -120px;
margin-right:-145px;
margin-left:-145px;
margin-bottom:-120px;
 }
}  

@media (min-width: 551px) and (max-width:575px) {
.table-responsive {
   overflow-x: auto !important;}
 
 .x { width:210%;
 
transform: scale(.7, .7);

margin-top: -120px;
margin-right:-145px;
margin-left:-145px;
margin-bottom:-120px;
 }
}  

@media (min-width: 576px) and (max-width:600px) {
.table-responsive {
   overflow-x: auto !important;}
 
 .x { width:190%;
 
transform: scale(.7, .7);

margin-top: -120px;
margin-right:-145px;
margin-left:-145px;
margin-bottom:-120px;
 }
}  

@media (min-width: 601px) and (max-width:700px) {
.table-responsive {
   overflow-x: auto !important;}
 
 .x { width:180%;
 
transform: scale(.7, .7);

margin-top: -120px;
margin-right:-145px;
margin-left:-145px;
margin-bottom:-120px;
 }
} 

@media (min-width: 701px) and (max-width:800px) {
.table-responsive {
   overflow-x: auto !important;}
 
 .x { width:180%;
 
transform: scale(.7, .7);

margin-top: -120px;
margin-right:-145px;
margin-left:-145px;
margin-bottom:-120px;
 }
}  

@media (min-width: 801px) and (max-width:900px) {
.table-responsive {
   overflow-x: auto !important;}
 
 .x { width:153%;
 
transform: scale(.7, .7);

margin-top: -120px;
margin-right:-145px;
margin-left:-145px;
margin-bottom:-120px;
 }
}  

@media (min-width: 901px) and (max-width:1000px) {
.table-responsive {
   overflow-x: auto !important;}
 
 .x { 
 
transform: scale(.7, .7);

margin-top: -120px;
margin-right:-145px;
margin-left:-145px;
margin-bottom:-120px;
 }
}  

@media (min-width: 1001px) and (max-width:1100px) {
.table-responsive {
   overflow-x: auto !important;}
 
 .x { 
 
transform: scale(.7, .7);

margin-top: -120px;
margin-right:-110px;
margin-left:-110px;
margin-bottom:-120px;
 }
}  

.huge2{

font-family: 'Rubik', sans-serif;
font-weight: 900;
letter-spacing: -2px;  
/*-webkit-text-stroke: 2px #808080;*/
font-size: 20px;
margin-top:-1px;
color: #7d7d7d;

}    
.huge3{

font-family: 'Rubik', sans-serif;
font-weight: 900;
letter-spacing: -1px;  
/*-webkit-text-stroke: 2px #808080;*/
font-size: 15px;
margin-top:-1px;
color: #7d7d7d;
margin-bottom:7px;

} 

.huge4{

font-family: 'Rubik', sans-serif;
font-weight: 700;
letter-spacing: 0px;  
/*-webkit-text-stroke: 2px #808080;*/
font-size: 16px;
margin-top:5px;
color: #4879a1;
margin-bottom:15px;
text-shadow:0px 0px 2px #3b3b3b;
}        

 .line_break1{
    width:100%;
    float: left;
    border-bottom: 1px solid #4879a1;
    margin-bottom: 6px;
    
 }
    
    .line_break2{
    width:100%;
    float: left;
    border-bottom: 1px solid #4879a1;
    margin-top:-11px;    
        
    }
#myChart{
 height: 236px;
 width: 100%;
}

#myChart2{
 height: 236px;
 width: 100%;
} 
#myChart3{
 height: 236px;
 width: 100%;
display:block;> 
} 
#myChart4{
 height: 234px;
 width: 100%;
}   

#myChart5{
 height: 235px;
 width: 100%;
 margin-top:-20px;
 
}     
  
#myChart5no{
 height: 254px;
 width: 105%;
 margin-top:-20px;
 text-align: center;
 
 
} 





    
</style>

<?php $__env->stopSection(); ?>

<?php echo $__env->make('layouts.app', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/tempdpe5/public_html/intelpropertyrd/aplicacionmobile/resources/views/reporteadministrativousuario/index.blade.php ENDPATH**/ ?>