@include('include.header_new')
<!-- <link href="assets/css/components.css" rel="stylesheet" type="text/css"> -->

<style>
.jumbtron a {
    padding-right: .2rem;
}
.jumbtron {
    border-radius: 15px;
}
.card-header, .card-footer {
    background-color: #f8f4f4 !important;
}

.university_logo {
	position: absolute;
	right: 25px;
	top: 22px;
}
.university_logo img { 
	width: auto;
	height:52px;
}
.icontext {
	line-height: 14px !important;
	display: block !important;
	width: auto !important;
	font-size: 13px !important;
}
.edit-l.view {
	line-height: 38px;
}

#input_data {
	margin-bottom: 0px;
}
.d-block.text-dblue.m-t-5 {
	height: 20px;
}
#intervention_pdf_quickview .fixrgt-dialog, #reports-quickviewd1 .modal-dialog {
    max-width: 90%;
}
#intervention_pdf_quickview1 .fixrgt-dialog,#intervention_pdf_quickview2 .fixrgt-dialog, #reports-quickviewd2 .modal-dialog {
    max-width: 90%;
}
 .empty-notification {
	position: absolute;
	box-shadow: 0px 0px 0px 1px #FF1402 inset;
	padding: 0px 9px 0 5px;
	width: auto;
	height: 13px;
	top: 0;
	left: 0;
	font-size: 9px;
	line-height: 13px;
	color: #fff;
	cursor: pointer;
	overflow: hidden;
	background: #FF1402;
}

 .empty-notification::before {
	content: "";
	position: absolute;
	right: -6px;
	top: 2px;
	box-shadow: 0 0 0px 1px #FF1402;
	width: 10px;
	background: #f0f0f0;;
	height: 10px;
	transform: rotate;
	transform: rotate(45deg);
}
.brief-deck .card-header {
    background-color: transparent !important;
}

.brief-deck .card-body-upper {
    background-color: #fff;
    border-radius: 15px;
    margin: 0 .6rem .6rem;
}
.brief-deck .card-footer {
    background-color: transparent !important;
    border: 0;
}
</style>

<link rel="stylesheet" href="http://dev-title4e.ga-sps.org/css/select2.min.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css">

<section class="container p-t-100">
    <div class="row">
        <div class="col-lg-12 m-b-30">
            <div class="card border-0 p-15" style="background-color: #f8f4f4;">
                <div class="row">
                    <div class="col-lg-12">
                        <h3>
                            University Information
                            <svg class="info-badge" style="margin-top: -20px;cursor: pointer;" onclick="info_taggle()" enable-background="new 0 0 85 85" height="16px" version="1.1" viewBox="0 0 85 85" width="16px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                                <path d="M42.5,0.003C19.028,0.003,0,19.031,0,42.503s19.028,42.5,42.5,42.5S85,65.976,85,42.503S65.972,0.003,42.5,0.003z   M42.288,66.27c0,0-1.972,1.311-3.32,1.305c-0.12,0.055-0.191,0.087-0.191,0.087l0.003-0.087c-0.283-0.013-0.568-0.053-0.855-0.125  l-0.426-0.105c-2.354-0.584-3.6-2.918-3.014-5.271l3.277-13.211l1.479-5.967c1.376-5.54-4.363,1.178-5.54-1.374  c-0.777-1.687,4.464-5.227,8.293-7.896c0,0,1.97-1.309,3.319-1.304c0.121-0.056,0.192-0.087,0.192-0.087l-0.005,0.087  c0.285,0.013,0.57,0.053,0.857,0.124l0.426,0.106c2.354,0.584,3.788,2.965,3.204,5.318l-3.276,13.212l-1.482,5.967  c-1.374,5.54,4.27-1.204,5.446,1.351C51.452,60.085,46.116,63.601,42.288,66.27z M50.594,24.976  c-0.818,3.295-4.152,5.304-7.446,4.486c-3.296-0.818-5.305-4.151-4.487-7.447c0.818-3.296,4.152-5.304,7.446-4.486  C49.403,18.346,51.411,21.68,50.594,24.976z"></path>
                            </svg>
                        </h3>
                        <div class="cinfo_taggle" style="display: none;">
                            <div class="custom-blockquote mar_b20">
                                <p class="mar0">From the University Information Dashboard, providers can build Courses. Other Dashboard can quick access courses when needed.</p>
                            </div>
                        </div>
                        <p>A place to keep Courses List.</p>
                    </div>
                </div>
                <!-- form -->
                <div class="row m-t-10 filter form">
                    <form name="frmsearch" method="get" class="col-lg-12 filters">
                        <div class="m-b-10">
                            <h3 class="page-title">Sort &amp; Search Items</h3>
                        </div>
                        <div class="form-row">
                            <div class="form-group col-md-9">
                                <label class="ft_17">By University</label>
                                <select name="agency" id="agency" class=" form-control ">
                                    <option value="">All</option>