<div>
    @component('common.breadcrumb', ['addBtn' => true, 'permission_create' => 'User_create'])
    @slot('breadcrumb_title')

    @endslot
    <li class="breadcrumb-item">Usuarios</li>
    <li class="breadcrumb-item active">Roles</li>
@endcomponent
    <style>
        *{user-select: none;}
        *::selection { background: none; }
        *::-moz-selection { background: none; }
        *::-webkit-selection { background: none; }
        *::-ms-selection { background: none; }
        *::-o-selection { background: none; }

        .section_contract{
            width: 80%;
            height: 450px;
            border: 1px solid #ccc;
            overflow-y: scroll;
            margin: 0 auto;
        }
    </style>

    <section class="section_contract">
        {!! $sel_contract_content !!}
    </section>
</div>
<script>
    document.addEventListener('contextmenu', event => event.preventDefault());
    document.addEventListener('copy', event =>{
        event.clipboardData.setData('text/plain', 'No copiar');
        event.preventDefault();
    }, false);
</script>
