<style>

    .form-control {
        display: block;
        width: 100%;
        height: 36px;
        padding: 7px 12px;
        font-size: 13px;
        line-height: 1.5384616;
        color: #333333;
        background-color: #fff;
        background-image: none;
        border: 1px solid #0fbdbc;
        border-top: 0px;
        border-left: 0px;
        border-right: 0px;
        border-radius: 0px;
    }

    .btn-success {
        color: #fff;
        background-color: #009688;
        border-color: #0fbfbf;
    }

    .input-group-addon:first-child {
        border-right: 0;
        border-left: 0;
        border-top: 0;
        border-color: #ffffff;
    }
    
    .border-bottoms{
        border-bottom: 1px solid #eee;
        padding-bottom: 20px;
    }

    .panel-heading{
        padding: 0px 20px;
    }
</style>

<div class="page-container">
    <div class="content-wrapper">
    
        <!-- Content area -->
		<div class="content">

            <div class="page-header-content">
                <div class="page-title">
                    <h4><i class="icon-arrow-left52 position-left"></i> <span class="text-semibold">Admin</span> - Daftar Dosen</h4>

                    <ul class="breadcrumb position-right">
                        <li><a href="index.html">Home</a></li>
                        <li><a href="user_pages_profile.html">User pages</a></li>
                        <li class="active">Profile</li>
                    </ul>
            
                
                <!-- <div class="heading-elements">
                    <div class="heading-btn-group">
                        <a href="#" class="btn btn-link btn-float has-text"><i class="icon-bars-alt text-primary"></i><span>Statistics</span></a>
                        <a href="#" class="btn btn-link btn-float has-text"><i class="icon-calculator text-primary"></i> <span>Invoices</span></a>
                        <a href="#" class="btn btn-link btn-float has-text"><i class="icon-calendar5 text-primary"></i> <span>Schedule</span></a>
                    </div>
                </div> -->
            </div>
            
            <div id="contentList" class="panel panel-default">
                <div class="panel-heading">
                    <h6 class="content-group text-semibold">
                        Dosen list
                        <small class="display-block">Menampilkan kelola data dosen</small>
                        <span class="pull-right" style="margin-top: -36px;">
                            <span  id="btn-add-add" class="btn btn-success btn-icon btn-lg" data-popup="lightbox"><i class="icon-plus2"></i></span>
                        </span>
                    </h6>
                </div>
              
                <div class="panel-flat">

                    <div class="table-responsiveS">

                        <table class="table data-list table-stripped table-lg datatable-dom-position table-hover" id="data-list2">
                            <thead>
                                <tr>
                                    <th scope="col" class="text-center text-muted" style="width: 30px;">#No</th> 
                                    <th>Nama Dosen</th>
                                    <th>NID</th>
                                    <th>Fakultas</th>
                                    <th>Jurusan</th>
                                    <th>Jenis Kelamin</th>
                                    <th>Action</th>
                                </tr>
                            </thead>
                        </table>
                
                    </div>
                </div>

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

<div id="modal-video"  role="dialog" class="modal fade" tabindex="-9999999" style="margin-top:5%;">
    <div class="modal-dialog modal-lg" role="dialog">
        <!-- Modal content-->
        <div class="col-lg-12">
            <div class="isv"></div>
        </div>
    </div>
</div>
