<div style="width:10%; height: calc(100% + 25px); margin-left:-15px; float: left; background-color:#c6e0f5">
    <!-- Sidebar-->
    <div class="list-group list-group-flush">
        <a class="list-group-item list-group-item-action list-group-item-secondary p-3" href="/home">Inicio</a>
        <a class="list-group-item list-group-item-action list-group-item-primary p-3" href="/users">Usuarios</a>
        <a class="list-group-item list-group-item-action list-group-item-primary p-3" href="/supplier">Proveedores</a>
        <a class="list-group-item list-group-item-action list-group-item-primary p-3" href="/categories">Categorias</a>
        <a class="list-group-item list-group-item-action list-group-item-primary p-3" href="/banks">Bancos</a>
        <a class="list-group-item list-group-item-action list-group-item-primary p-3" href="/cards">Tarjetas</a>
        <a class="list-group-item list-group-item-action list-group-item-primary p-3" href="/payments">Pagos</a>
        <a class="list-group-item list-group-item-action list-group-item-primary p-3" href="/postulations">Postulaciones</a>
        <a class="list-group-item list-group-item-action list-group-item-primary p-3" href="/currentcontracts">Contratos Actuales</a>
        <a class="list-group-item list-group-item-action list-group-item-primary p-3" href="/finishedcontracts">Contratos Finalizados</a>
        <a class="list-group-item list-group-item-action list-group-item-primary p-3" href="/reports">Reportes</a>
        <a class="list-group-item list-group-item-action list-group-item-primary p-3" href="/coupons">Cupones</a>
        <a class="list-group-item list-group-item-action list-group-item-primary p-3" href="/parameters">Parámetros</a>
        <a class="list-group-item list-group-item-action list-group-item-primary p-3" href="/status">Status de contratos</a>
    </div>
</div>
