@extends('layouts.app')

@section('css')
<link href="{!! asset('css/') !!}/locales.css" rel="stylesheet">

<style>
.widget .loader .spinner {
    position: absolute;
    top: 50%;
    width: 100%;
    margin-top: -10px;
    font-size: 20px;
    text-align: center;
}

.cantidad_titulo{
    font-size: 25px;
}

.list{
    padding: 36px 0px;
}

.isDisabled {
    cursor: not-allowed;
    opacity: 0.5;
}

.isDisabled>a {
    color: currentColor;
    display: inline-block;
    /* For IE11/ MS Edge bug */
    pointer-events: none;
    text-decoration: none;
}
.cantidad_titulo{
    padding-bottom: 4px !important;
}


.container {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

/* #btn_confirm_pago:hover{
    color: #fff7e0!important;
    padding: 10px 25px;
    background-color: #ff5f54!important;
    font-family: 'avenir';
    border-radius: 10px;
} */
.button_configuration {
    position: absolute;
    top: -30px;
    right: 10px;
}
.widget_custom{
    margin: 15px 0px 30px;
}
.comentario{
    font-size: 12px;
}
@media only screen and (max-width: 560px) {
    .container {
        padding-left: 20px;
        padding-right: 20px;
    }
    .prueba{
        margin: 15px 0 10px !important;
    }
    .widget_custom{
        padding: 0px;
    }
    .comentario{
        font-size: 9px;
    }
    .cantidad_titulo{
        font-size: 16px !important;
    }
}
</style>
@endsection

@section('content')
<section class="content-header">
    <h1>
        Préstamo
        <a class="btnInfo btn3" href="{{ url('prestamos') }}">Regresar</a>
    </h1>
</section>
<div class="box box-primary">
    <div class="box-body">
        <!-- <div class="row" style="padding-left: 20px"> -->
        @include('prestamos.show_fields')
        <!-- </div> -->
    </div>
</div>
@endsection