{{--
Creado  por Carmen Gomez
Fecha : 19/03/2019
--}}
@extends('layouts/master')
@section('content')

    <style type="text/css">

        @media print {
            /* Todas las reglas Css*/
            @page {size: portrait;}
            @page {margin: 4%;}

            .oculto-impresion, .oculto-impresion *{
                display: none !important;
            }

            .panel-primary{
                margin-top: -10% !important;
                margin-bottom: -10% !important;
            }

            .printprueba {
                margin: 4px;
                padding: 5px;

                border-radius: 7pt;
                background: #dddd88;
                -webkit-flex: 3 1 30%;
                flex: 3 1 40%;
                -webkit-order: 2;
                order: 2;
                display:inline-flex !important;
            }

            .printprueba2 {
                margin: 4px;
                padding: 5px;

                border-radius: 7pt;
                background: #dddd88;
                -webkit-flex: 3 1 30%;
                flex: 3 1 40%;
                -webkit-order: 2;
                order: 2;
                display: inline-flex !important;
            }

            .list-inline{
                white-space: normal;
                width: 820px !important;
                display: inline-flex;
            }

            .panel-info {
                margin-top:5px;
                margin-bottom: -1px;
            }

            table{display:inline-table;}
        }

        .tam{
            font-size: 10px;
        }

        .img-responsive{
            display: block;
            max-width:100%;
            height: auto;
        }

        .list-inline > li {
            display: inline-block;
            margin-left: 5px;
            margin-right: 5px;
        }

        .bg-default {
            background-color: #D9DDDA;
        }

        #adminModal{

            font-size:10px;
        }
        #trackingModal{
            margin-top:5%;
            font-size:10px;
        }
        #gestionModal{
            margin-top:1%;
            font-size:10px;
        }

        #calidadModal{
            margin-top:1%;
            font-size:10px;
        }

        #inventarioModal{
            margin-top:5%;
            font-size:10px;
        }

        #seguridadModal{
            margin-top:5%;
            font-size:10px;
        }

        #plcModal{
            margin-top:5%;
            font-size:10px;
        }


        #intModal{
            margin-top:5%;
            font-size:10px;
        }

        #digitalazacionmodal{
            margin-top:5%;
            font-size:10px;
        }

        .h4med{
            font-size:12px;
        }

        .modaladminheader{
            background-color: #d9edf7;
            padding:9px 15px;
            border-bottom:1px solid #bce8f1;
            -webkit-border-top-left-radius: 5px;
            -webkit-border-top-right-radius: 5px;
            -moz-border-radius-topleft: 5px;
            -moz-border-radius-topright: 5px;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
        }

        .panel-info {
            border-color: #bce8f1;
        }
        .panel-info > .panel-heading1 {
            color: #31708f;
            background-color: #d9edf7;
            border-color: #bce8f1;
        }
        .panel-heading1 {
            padding: 2px 20px;
            border-bottom: 1px solid transparent;
            border-top-right-radius: 3px;
            border-top-left-radius: 3px;
            margin-bottom: -7px;
        }
        .printtable{
            margin-bottom: 1px;
        }

        .lineal{
            display: inline-block;
        }
    </style>
    <div class="col-md-10 col-md-push-1" id="printPagina">
        <div class="panel panel-primary" style="width:100%; margin-top:2%;">
            <div class="panel-heading text-center">
                <strong>
                    <h4 class="panel-title h4med" style="font-size: 14px;">
                        <span class="glyphicon glyphicon-search"></span>
                        <b style="font-size: 14px;">GUIA: {{ $respuesta['entidadRespuesta'][0]['codguia'] }} </b> -  <b style="font-size: 14px;"> {{ $respuesta['entidadRespuesta'][0]['referencia'] }}</b> &nbsp;&nbsp;&nbsp; <b align="center">SERVICIO: {{ $respuesta['entidadRespuesta'][0]['servicio']['nombre'] }}</b> &nbsp;&nbsp;&nbsp;
                        <b style="text-align: right!important;">ESTATUS: {{ $respuesta['entidadRespuesta'][0]['estatus']['siglas'] }}</b>
                    </h4>
                </strong>
            </div>

            <div class="panel-body ">
                <div id="printheader">
                                        <div class="alert-danger" style="text-align:center;padding-top:5px;padding-bottom:5px;">
                                            </div>
                                        <div id="page-selection-bottom" style="text-align: center;"></div>
                    
            </div>

@endsection

@section('header')
    <style>
        #trackTable th {
            text-align: center;
        }

        .inactivo {
            pointer-events: none;
            cursor: default;
        }

        .inactivo > img {
            filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
            -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
        }
    </style>
@endsection