<style>
    .copybtn:hover {
        background: #3c9bb8 !important;
    }
    table.dataTable.no-footer {
    border-bottom: none;
    border-right:  1px solid #ddd;
   }
   .table-responsive {
    min-height: .01%;
    overflow-x:  hidden;
    }
    #funnels-table_filter{
        margin-bottom: 8px;
    }
    #funnels-table_paginate{
        margin-top: 8px;
    }
    #funnels-table_info{
        margin-top: 8px;
    }
    table.dataTable tbody td{
        max-width: 300px;
    }
    .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
        color: #fff !important;
        border: 1px solid #cacaca;
    }
    #divFilter{
        display: inline-block;
    }
</style>
<div class="tab-content" style="padding-top: 0px;">
    <div class="tab-pane fade active in" id="active">
        <div class="panel-body">
            <div class="form-group" style="display:flex; justify-content:space-between;">
                <h1 class="page-header">Journeys Data</h1>
                <a style="height:35px;" class="btn btn-primary m-r-5 m-b-5"
                    type="button" href="{{PANEL_URL}}/dashboard?action=insideapp#/journey/create">
                    Create/Manage Journeys
                </a>
            </div>


            <div class="table-responsive margin-top-15">
                <table class="table table-bordered" style="width:100%;"  id="funnels-table">
                    <thead>
                        <th>Journey Name</th>
                        <th style="max-width: 300px; overflow: hidden;">Journey Description</th>
                        <th>Start Event</th>
                        <th>End Event</th>
                        <th>Action</th>
                    </thead>
                   
                </table>
         


            </div>
        </div>
    </div>
</div>