@extends('adminlte::page')

{{-- @section('body_class', 'layout-fixed') --}}

@section('css')
    <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.3.0/css/bootstrap.min.css" rel="stylesheet" >
    <link href="https://cdn.datatables.net/2.0.5/css/dataTables.bootstrap5.css" rel="stylesheet" >
    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css" rel="stylesheet">
    @livewireStyles
    <style>    
        body {
            font-size: 13px; /* Cambia este valor según tus necesidades */
        }

        .form-control-shadow {
           box-shadow: inset 0 2px 4px rgba(225, 120, 27, 0.1);
        }

        .form-control-blues {
           background-color: #eaf1f7;
           color: #00008B;
        }
        
        .btn-inv {
            font-size: 0.60rem !important;
            padding: 5px 7px !important;
            height: 27px; 
            display: flex;
            align-items: center;
            justify-content: center;
        } 
        .btn-salida {
            font-size: .60rem;  
            padding: 5px 7px;  
            height: 40px !important;
            width: 45px;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
        }

        .col-edi {
            max-width: 200px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            align-items: center;
            justify-content: center;
            display: flex;
            /* text-align: center; */
        }
    </style>    

    
@endsection

@section('js')
    @livewireScripts
@endsection