@include('include.header_new')
<link href="assets/css/components.css" rel="stylesheet" type="text/css">
<style>
h1, .h1 {
    font-size: 2.0rem;
    background: #284fa3;
    color: #fff;
    padding: 1%;
}
svg { fill: #00cbfe;}
svg:hover { fill: #00cbfe;}
.font-13 { font-size: 13px;}
.signal_gary {
    width: 10px;
    height: 10px;
    border-radius: 5px;
    border: 2px solid #FFF;
    background: #ccc;
    box-shadow: 0px 0px 0px 2px #ccc;
    vertical-align: inherit;
}
.arrow {
    display: inline-block;
    font-size: 20px;
    margin-left: 20px;
    position: absolute;
    line-height: 20px;
    right: 11px;
}
.s2019 {
    float: right;
    width: auto;
    margin: 0px 30px 0px 0px;
    text-align: right;
}
.custom-blockquote {
    border-left: 5px solid #284fa3;
    padding: 15px 10px;
    background: #C4D7FF;
}.info-badge {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    position: absolute !important;
    top: -10px !important;
    cursor: pointer;
    background: #fff;
    border: 2px solid #3b3b3b;
    color: #000;
    font-weight: bold;
    font-style: italic;
    font-size: 14px;
    text-align: center;
    line-height: 17px;
}.mar_b20 {
    margin-bottom: 20px;
}
.university_logo {
    position: absolute;
    right: 25px;
    top: 22px;
}
.university_logo img {
    width: auto;
    height:52px;
}

.university_logo_edit {
    position: absolute;
    right: 25px;
    top: 10px;
}
.university_logo_edit img {
    width: auto;
    height:52px;
}

#loading4 {
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   position: fixed;
   display: block;
   opacity: 0.7;
   background-color: #333;
   z-index: 99;
   text-align: center;
}

#loading4-image {
  position: absolute;
  top: 45%;
  left: 50%;
  z-index: 100;
}
/*.icontext {
    line-height: 14px !important;
    display: block !important;
    width: auto !important;
    font-size: 13px !important;
}
.edit-l.view {
    line-height: 38px;
}*/
#intervention_pdf_quickview .modal-dialog {
    width: 95%; 
}  
.amendnemtn {
    padding: 0px;
    background: #dfbc1a;
    color: #fff;
    font-size: 12px;
    text-align: center;
    margin-right: 5px;
    float: left;
    width: 32.55%;
    border: 2px solid #dfbc1a;
    line-height: 18px;
}
.bline {
    border-bottom: solid 1px #fff;
}
.amendnemtn:active{border: 2px solid #fef3c0;}
.amendnemtn:focus{border: 2px solid #fef3c0;}  
.amendnemtn2 {
    padding: 0px;
    background: #224581;
    color: #fff;
    font-size: 12px;
    text-align: center;
    margin-right: 5px;
    float: left;
    width: 32.55%;
    border: 2px solid #224581;
    line-height: 18px;
}
.amendnemtn2:active{border: 2px solid #fef3c0;}
.amendnemtn2:focus{border: 2px solid #fef3c0;}  
.amendnemtn1 {
    padding: 0px;
    background: #9b9090;
    color: #333;
    font-size: 12px;
    text-align: center;
    margin-right: 5px;
    float: left;
    width: 32.55%;
    border: 2px solid #9b9090;
    line-height: 18px;
}
.amendnemtn1:active{border: 2px solid #e3d9d9;}
.amendnemtn1:focus{border: 2px solid #e3d9d9;}  
@media (min-width: 768px) and (max-width: 1300px){
.amendnemtn1 {width: 32.2%;}
.amendnemtn {width: 32.45%;}
}
@media (min-width: 320px) and (max-width: 667px){
.amendnemtn1 {width: 32.2%;}
.amendnemtn {width: 32.2%;}
.amendnemtn2 {width: 32.2%;}

}
</style>
<section>
  <div class="container body-content">
    <div class="row">
      <div class="col-md-12">
        <ol class="breadcrumb bg-transparent col-lg-12 p-20 m-b-5">
          <li><a href="/home" >Dashboard</a></li>
          <li class="active">Proposal Dashboard </li>
        </ol>
      </div>
    </div>
    <div class="card border-0 bx-shadow p-15">
      <div class="col-sm-12 implementation" style="padding-left: 0;">
        <h3 class="page-title"> Proposal Dashboard <span class="info-badge text-lowercase" onclick="info_taggle()" data-toggle = "tooltip" data-placement = "right" title="Click to view Info">i</span> </h3>
        <div class="col-md-12 info_taggle" style="display: none;">
          <div class="custom-blockquote mar_b20">
            <p class="mar0">From the Implementation and Planning Dashboard, providers can build implementation strategy maps, and update progress on each strategy. Managers, evaluators and TTA team members can view and provide feedback on each report.</p>
          </div>
        </div>
        <p class="col-md-12" style="padding-left: 0;">A place to keep project related documents such as TA plans, past SPF reports, community readiness Reports.</p>
      </div>
      <div class=" mar_t10 filter form">
        <form name="frmsearch" method="get">
          <div class="row">
            <div class="col-lg-12">
              <h3 class="page-title">Sort &amp; Search Items </h3>
            </div>
          </div>
          <div class="row">
            <div class="col-lg-9">
              <div class="form-group">
                <label class="ft_17">By University</label>
                <select name="agency" id="agency" class=" form-control ">
                  <option value="">All</option>