Apply Student Proposal

resources/views/admin/admin_profile.blade.php

@@ -269,7 +269,7 @@ tbody, td, tfoot, th, thead, tr {
     max-height: 80px;
     background: #fff;
     /* border-bottom: solid 1px #c5d6de; */
-    padding: 12px 15px 0 0;
+    padding: 0px 15px 0 0;
     z-index: 80;
 }
 .sidebar-wrapper .sidebar-menu ul li a {
@@ -292,7 +292,7 @@ tbody, td, tfoot, th, thead, tr {
             <div class="col-lg-12">
                 <nav class="mt-2 header-navbar navbar-expand-lg navbar-fixed align-items-center navbar-brand-center">
                         <div class="navbar-container d-flex content">
-                            <div class="col-md-10">
+                            <div class="col-md-11">
                                 <div class="d-flex align-items-center">
                                     <ul class="nav navbar-nav mr-auto header_left">
                                         <li class="nav-item d-flex">
@@ -305,15 +305,15 @@ tbody, td, tfoot, th, thead, tr {
                                     </ul>
                                 </div>
                             </div>
-                            <div class="col-md-2" style="display:flex;">
-                                <ul class="nav navbar-nav align-items-center ml-auto header_right ps-5">
+                            <div class="col-md-1" style="display:flex;">
+                                <ul class="nav navbar-nav align-items-center ml-auto header_right ps-3">
                                     <li class="nav-item dropdown dropdown-notification">
                                         <a href="">
                                             <i class="fa fa-bell change_pass_btn"></i>
                                         </a>
                                     </li>
                                 </ul>
-                                <ul class="nav navbar-nav align-items-center ml-auto header_right ps-2">
+                                <!-- <ul class="nav navbar-nav align-items-center ml-auto header_right ps-2">
                                     <li class="nav-item dropdown dropdown-notification">
                                         <a href="">
                                             <i class="fa fa-cog change_pass_btn"></i>
@@ -326,7 +326,7 @@ tbody, td, tfoot, th, thead, tr {
 
                                         </a>
                                     </li>
-                                </ul>
+                                </ul> -->
                                 <ul class="nav navbar-nav align-items-center ml-auto header_right ps-1">
                                     <li class="nav-item dropdown dropdown-notification">
                                         <a href="">
@@ -603,6 +603,8 @@ tbody, td, tfoot, th, thead, tr {
                             </div>
                         </div><!--end col-->
                     </div><!--end teb pane-->
+                    
+                    <!-- Account -->
                     <div class="tab-pane fade bg-white p-2 rounded shadow" id="head" role="tabpanel" aria-labelledby="headcare"  style="height:530px;">
                         <div class="col-md-12">
                             <div class="table-responsive">

resources/views/home.blade.php

@@ -31,8 +31,13 @@
                                         <div class="mb-1">
                                             <div class="form-icon position-relative" style="display:flex;">
                                                 <input type="text" class="form-control search-box" id="teacher_ref_no" placeholder="Please type your Supervisor's ARN here" name="teacher_ref_no" required="">
+<<<<<<< HEAD
                                                 <sapn class="search_button hand search-btn"><span style="display:block;margin-left:18px; margin-top:8px; cursor: pointer;">Search</span></span>
                                             </div> 
+=======
+                                                <sapn class="search_button hand search-btn"><span style="display:block; margin-left:16px; margin-top:4px; cursor: pointer;">Search</span></span>
+                                            </div>
+>>>>>>> 041b3021e266602dd32cbb0a12a41e209bcf30f0
                                             <div id="load_data"></div> 
                                         </div> 
                                     </div>  
@@ -45,6 +50,7 @@
                                     <div class="mt-2 mb-2">
                                         <div class="container-fluid" style="padding:0px !important;">
                                             <div class="row">
+                                                <p class="mb-1" style="font-size:14px; font-weight:bold !important; color: #141639c4;">Refer a Friend</p>
                                                 <p  style="font-size: 13px;">Earn points by referring your friends or colleagues to register and submit their first application. Once they submit their application, you will receive the points.</p>                            
                                                 <div class="col-md-12">
                                                     <form class="login-form">
@@ -53,7 +59,7 @@
                                                                 <div class="mb-3">
                                                                     <label class="form-label"></label>
                                                                     <div class="form-icon position-relative">
-                                                                        <input type="email" class="form-control" placeholder="Email" name="email" required="">
+                                                                        <input type="name" class="form-control" placeholder="Full Name" name="name" required="">
                                                                     </div>
                                                                 </div>
                                                             </div>    
@@ -61,7 +67,7 @@
                                                                 <div class="mb-3">
                                                                     <label class="form-label"></label>
                                                                     <div class="form-icon position-relative">
-                                                                        <input type="password" class="form-control" placeholder="Password" required="">
+                                                                        <input type="email" class="form-control" placeholder="Email Address" name="email" required="">
                                                                     </div>
                                                                 </div>
                                                             </div><!--end col-->
@@ -69,7 +75,7 @@
                                                             <div class="col-md-12">
                                                                 <div class="mt-2 mb-4 text-center">
                                                                     <button type="submit" class="btn btn1" style="padding: 3px 18px;">
-                                                                        {{ __('Invite') }}
+                                                                        {{ __('Invite Now') }}
                                                                     </button>
                                                                 </div>
                                                             </div>
@@ -105,12 +111,12 @@
                                                 </thead>
                                                 <tbody>
                                                     @foreach($student_proposal as $key=>$row)
-                                                    <tr>
+                                                    <tr> 
                                                         <td style="font-size: 11px;">{{++$key}}</td>
                                                         <td style="font-size: 11px;"><strong>{{ cn($row,'teacher_details.first_name','')}} {{ cn($row,'teacher_details.last_name','')}}</strong></td> 
                                                         <td style="font-size: 11px;">{{cn($row,'teacher_details.university_name','')}}</td> 
                                                         <td style="font-size: 11px;"><strong>{{cn($row,'teacher_details.ref_no','')}}</strong></td>
-                                                        <td style="font-size: 11px;"></td>
+                                                        <td style="font-size: 11px;"></td> 
                                                         <td style="font-size: 11px;">test</td>
                                                         <td style="font-size: 11px;">test</td>
                                                     </tr>
@@ -125,10 +131,7 @@
                         </div>
                     </div>
                     <div class="w3-container mt-5">
-                        
-
-                            
-                        </div>
+                    </div>
                 </div><!--end container-->
             </div>
         </section>

resources/views/profile.blade.php

@@ -86,7 +86,7 @@
                                                             <div class="scrolled_content_part" style="width: 96%; margin-left: 20px;">
                                                                 <div class="single_ad_pref_item1">                                                                         
                                                                     <div class="serial" style="width: 7%;">
-                                                                        <strong style="font-size:13px; margin-left: 10px;">Sl</strong>
+                                                                        <strong style="font-size:13px; margin-left: 10px;">Ref</strong>
                                                                     </div>
                                                                     <div class="pro_title"  style="width: 78%;">                                                         
                                                                         <strong style="font-size:13px;">Title</strong></br>                                                   
@@ -108,7 +108,7 @@
                                                                 @foreach($proposal as $key=>$row)    
                                                                     <div class="single_ad_pref_item2">
                                                                         <div class="student mt-2 pt-1" style="width: 7.9%;">                                                                                                                                    
-                                                                            <strong style="font-size:13px; margin-left: 20px;">{{$key+1}}</strong>                                                               
+                                                                            <strong style="font-size:13px; margin-left: 20px;">10{{$key+1}}</strong>                                                               
                                                                         </div>
                                                                         <div class="pro_title mb-2" style="width: 69%;">
                                                                             <h6 style="font-size:13px !important;; font-weight:600 !important;">{{$row->title}}</h6>

resources/views/ref_search_load.blade.php

@@ -24,18 +24,21 @@
                         </header>
 
                         <div class="container mt-3">
-                            <div class="col-md-12">
-                                <div class="alert p-3" style="background-color:white;">
-                                    <span style="margin: 0px;">{{$row->first_name}} {{$row->last_name}}</span></br>
-                                    <span class="text-muted" style="font-weight: 500;">{{$row->designation}}</span></br>
-                                    <span class="text-muted" style="font-weight: 500;">{{$row->department}}</span>
-                                    <span>.</span>
-                                    <span class="text-muted" style="font-weight: 500;">{{$row->university_name}}</span>
+                            <div class="col-md-12 mb-3">
+                                <div class="p-3" style="background-color:white; border-radius:6px;">
+                                    <p class="mb-3" style="font-size:14px;">This proposal will be sent to the following supervisor</p>
+                                    <div class="alert">
+                                        <span style="margin: 0px;">{{$row->first_name}} {{$row->last_name}}</span></br>
+                                        <span class="text-muted" style="font-weight: 500;">{{$row->designation}}</span></br>
+                                        <span class="text-muted" style="font-weight: 500;">{{$row->department}}</span>
+                                        <span>.</span>
+                                        <span class="text-muted" style="font-weight: 500;">{{$row->university_name}}</span>
+                                    </div>
                                 </div>
                             </div>
 
                             <div class="middle p-3" style="background-color:white; border-radius:6px;">
-                                <p class="mb-3" style="font-size:14px;">Please select which proposal you want to send</p>
+                                <p class="mb-1" style="font-size:14px;">Please select which proposal you want to send</p>
                                 <div class="alert mt-1 mb-3 propose" style="padding: 0px;">
                                     <div style="width:100%;">
                                         <div class="mt-2 p-2" style="border-bottom:2px solid #eee;">
@@ -66,7 +69,7 @@
                                 </div> 
                             </div>
                         </div>
-                        <div class="container mt-4">
+                        <div class="container mt-3">
                             <div class="col-md-12 p-3" style="background-color:white; border-radius:6px;">
                                 <p style="margin:0px; font-size:14px;">Select propose start date</p>
                                 <div class="row">

resources/views/teacher_profile.blade.php

@@ -286,6 +286,14 @@ tbody, td, tfoot, th, thead, tr {
 .sidebar-footer {
     position: sticky;
 }
+.single_glance_row {
+    font-size: 12px !important;
+    margin: 0 !important;
+    border: none;
+    border-bottom: 1px solid #e8eef1;
+    border-radius: 0;
+    padding: 8px 10px;
+}
 </style>
 <body>
 <header id="" class="site-header">
@@ -358,7 +366,7 @@ tbody, td, tfoot, th, thead, tr {
 <section class="bg-half-170 d-table w-100 it-home" style="background-color: #efefef; height:100vh;">
     <div class="container-fluid">
         <div class="row">
-            <div class="col-md-2" style="padding:0px; background-color: #1416398a!important;">
+            <div class="col-md-2" style="padding:0px">
                     <nav class="sidebar-wrapper" id="sidebar" style="background-color: #1416398a!important; width: 16.6%; height: 100%; position: fixed; overflow-y: hidden; top: 65px;">
                         <div class="sidebar-content" style="height: calc(100vh - 75px);">
                             <div class="sidebar-menu" style="padding-bottom: 110px; height: 100vh; overflow: auto;">
@@ -403,12 +411,12 @@ tbody, td, tfoot, th, thead, tr {
                                 <div class="sidebar-menu" style="padding: 0 !important;">
                                     <ul class="nav nav-pills nav-justified flex-column mb-0" id="" role="tablist">
                                         <li class="nav-item" style="margin-top: 35px;">
-                                            <a class="nav-link" id="" href="#">
+                                            <div class="nav-link" style="background-color: #141639c4; border-radius: 0px !important;">
                                                 <div class="text-start py-1 px-2">
-                                                    <h6 class="mb-0" style="margin-left: 6px; font-size: 13px !important; font-weight:400;">Supervisor's ARN</h6>
-                                                    <h6 class="mb-0" style="margin-left: 6px; font-size: 13px !important;">{{ auth_user()->ref_no }}</h6>
+                                                    <h6 class="mb-0" style="font-size: 12px !important; font-weight:400;">Your Account Reference Number</h6>
+                                                    <h6 class="mb-0" style="font-size: 13px !important;">{{ auth_user()->ref_no }}</h6>
                                                 </div>
-                                            </a><!--end nav link-->
+                                            </div><!--end nav link-->
                                         </li><!--end nav item-->
                                     </ul><!--end nav pills-->
                                 </div>
@@ -417,7 +425,7 @@ tbody, td, tfoot, th, thead, tr {
                     </nav>
                 </div><!--end col-->
 
-            <div class="col-md-10 col-12 mt-5 pt-5" style="padding:1rem;">
+            <div class="col-md-10 col-12 mt-5" style="padding:1rem; padding-top: 2.5rem!important;">
                 <div class="tab-content" id="pills-tabContent">
                     <div class="tab-pane fade show active p-2 rounded" id="dental" role="tabpanel" aria-labelledby="dentalcare">
                         <form method="POST" action="" style="padding: 10px; background-color: #16183f69; border-radius: 5px 5px 0px 0px;">
@@ -669,62 +677,203 @@ tbody, td, tfoot, th, thead, tr {
                                 </table>
                             </div>
                         </div><!--end col-->
+
+                        <!-- Account -->
                     </div><!--end teb pane-->
-                    <div class="tab-pane fade bg-white p-2 rounded shadow" id="head" role="tabpanel" aria-labelledby="headcare"  style="height:100%;">
-                        <div class="col-md-12">
-                            <div class="table-responsive">
-                                <table class="table table-bordered list_table">
-                                    <thead>
-                                        <tr>
-                                            <th>Institution</th>
-                                            <th>Subject</th>
-                                            <th>Result</th>
-                                            <th>Method</th>
-                                            <th>PYear</th>
-                                            <th>Country</th>
-                                        </tr>
-                                    </thead>
-                                    <tbody>
-                                        <tr>
-                                            <td>
-                                                <div class="institute_info">
-                                                    <div class="left">
-                                                        <i class="fa fa-university" style="padding: 7px;"></i>
-                                                    </div>
-                                                    <div class="right">
-                                                        <span class="main_title" style="font-size: 11px;">BSC</span>
+                    <div class="tab-pane fade p-2" id="head" role="tabpanel" aria-labelledby="headcare"  style="height:100%;">
+                        <div class="row">
+                            <div class="col-md-8 bg-white rounded p-2 ms-2">
+                                    <h5 style="padding: 8px 4px 0px;">Application Summary</h5>
+                                <div class="col-md-12">   
+                                    <div class="table-responsive">
+                                        <table class="table table-bordered list_table">
+                                            <thead>
+                                                <tr>
+                                                    <th>Status</th>
+                                                    <th>Jan</th>
+                                                    <th>Feb</th>
+                                                    <th>Mar</th>
+                                                    <th>Apr</th>
+                                                    <th>May</th>
+                                                    <th>Jun</th>
+                                                    <th>Jul</th>
+                                                    <th>Aug</th>
+                                                    <th>Sept</th>
+                                                    <th>Oct</th>
+                                                    <th>Nov</th>
+                                                    <th>Dec</th>
+                                                </tr>
+                                            </thead>
+                                            <tbody>
+                                                <tr>
+                                                    <td style="font-size: 12px;">App receive</td>
+                                                    <td style="font-size: 11px;">-</td>
+                                                    <td style="font-size: 11px;">-</td>
+                                                    <td style="font-size: 11px;">-</td>
+                                                    <td style="font-size: 11px;">-</td>
+                                                    <td style="font-size: 11px;">-</td>
+                                                    <td style="font-size: 11px;">-</td>
+                                                    <td style="font-size: 11px;">-</td>
+                                                    <td style="font-size: 11px;">-</td>
+                                                    <td style="font-size: 11px;">-</td>
+                                                    <td style="font-size: 11px;">-</td>
+                                                    <td style="font-size: 11px;">-</td>
+                                                    <td style="font-size: 11px;">-</td>
+                                                </tr>
+                                                <tr>
+                                                    <td style="font-size: 12px;">Hold</td>
+                                                    <td style="font-size: 11px;">-</td>
+                                                    <td style="font-size: 11px;">-</td>
+                                                    <td style="font-size: 11px;">-</td>
+                                                    <td style="font-size: 11px;">-</td>
+                                                    <td style="font-size: 11px;">-</td>
+                                                    <td style="font-size: 11px;">-</td>
+                                                    <td style="font-size: 11px;">-</td>
+                                                    <td style="font-size: 11px;">-</td>
+                                                    <td style="font-size: 11px;">-</td>
+                                                    <td style="font-size: 11px;">-</td>
+                                                    <td style="font-size: 11px;">-</td>
+                                                    <td style="font-size: 11px;">-</td>
+                                                </tr>
+                                                <tr>
+                                                    <td style="font-size: 12px;">Rejected</td>
+                                                    <td style="font-size: 11px;">-</td>
+                                                    <td style="font-size: 11px;">-</td>
+                                                    <td style="font-size: 11px;">-</td>
+                                                    <td style="font-size: 11px;">-</td>
+                                                    <td style="font-size: 11px;">-</td>
+                                                    <td style="font-size: 11px;">-</td>
+                                                    <td style="font-size: 11px;">-</td>
+                                                    <td style="font-size: 11px;">-</td>
+                                                    <td style="font-size: 11px;">-</td>
+                                                    <td style="font-size: 11px;">-</td>
+                                                    <td style="font-size: 11px;">-</td>
+                                                    <td style="font-size: 11px;">-</td>
+                                                </tr>
+                                                <tr>
+                                                    <td style="font-size: 12px;">Pause</td>
+                                                    <td style="font-size: 11px;">-</td>
+                                                    <td style="font-size: 11px;">-</td>
+                                                    <td style="font-size: 11px;">-</td>
+                                                    <td style="font-size: 11px;">-</td>
+                                                    <td style="font-size: 11px;">-</td>
+                                                    <td style="font-size: 11px;">-</td>
+                                                    <td style="font-size: 11px;">-</td>
+                                                    <td style="font-size: 11px;">-</td>
+                                                    <td style="font-size: 11px;">-</td>
+                                                    <td style="font-size: 11px;">-</td>
+                                                    <td style="font-size: 11px;">-</td>
+                                                    <td style="font-size: 11px;">-</td>
+                                                </tr>
+                                                <tr>
+                                                    <td style="font-size: 12px;">Interested</td>
+                                                    <td style="font-size: 11px;">-</td>
+                                                    <td style="font-size: 11px;">-</td>
+                                                    <td style="font-size: 11px;">-</td>
+                                                    <td style="font-size: 11px;">-</td>
+                                                    <td style="font-size: 11px;">-</td>
+                                                    <td style="font-size: 11px;">-</td>
+                                                    <td style="font-size: 11px;">-</td>
+                                                    <td style="font-size: 11px;">-</td>
+                                                    <td style="font-size: 11px;">-</td>
+                                                    <td style="font-size: 11px;">-</td>
+                                                    <td style="font-size: 11px;">-</td>
+                                                    <td style="font-size: 11px;">-</td>
+                                                </tr>
+                                            </tbody>
+                                        </table>
+                                    </div>
+                                </div>
+                            </div><!--end col-->
+                            <div class="col-md-3 bg-white rounded p-2 ms-4">
+                                <div class="row">
+                                    <div class="col-md-10">
+                                        <h5 style="padding: 8px 4px 0px;">Subscription</h5>
+                                        <div class="ms-2">
+                                            <h5 style="margin-bottom: 0px; font-size:13px !important; font-weight: 600 !important;">Joined</h5>
+                                            <h6 style="font-size: 12px !important; ; color: #868e96;">16 Mar 2023</h6>
+                                        </div>
+                                         <div class="ms-2 mt-3">
+                                            <h5 style="margin-bottom: 0px; font-size:13px !important; font-weight: 600 !important;">Referred</h5>
+                                            <h6 style="font-size: 12px !important; ; color: #868e96;">10</h6>
+                                        </div>
+                                        <div class="ms-2 mt-3">
+                                            <h5 style="margin-bottom: 0px; font-size:13px !important; font-weight: 600 !important;">Account Type</h5>
+                                            <span class="label_badge_radius mt-1 mb-1" style="background: #d8fdd8; color: green;">
+                                                Premium
+                                            </span>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div><!--end col-->
+                        </div>
+                            <div class="col-md-12 mt-3">
+                                <div class="row">
+                                    <div class="col-md-3 bg-white rounded p-2 ms-2" style="width:30%;">
+                                        <div class="row">
+                                            <div class="col-md-12">
+                                                    <h5 style="padding: 8px 10px 0px;  margin-bottom: 0px;">Profile</h5>
+                                                <div class="left mb-2">
+                                                    <div>
+                                                        <div class="single_glance_row mt-5">
+                                                            <span class="title" style="font-size:11px; font-weight: 600;">Name :</span>
+                                                            <span class="tbl2 mb-2">
+                                                                demo1
+                                                            </span>
+                                                        </div>
+                                                        <div class="single_glance_row mt-1">
+                                                            <span class="title" style="font-size:11px; font-weight: 600;">Email :</span>
+                                                            <span style="font-size: 11px; color: #868e96;">ab@mail.com</span>
+                                                        </div>
+                                                        <div class="single_glance_row mt-1" style="display: flex;">
+                                                                <span class="title" style="font-size:11px; font-weight: 600;">University Name :</span>
+                                                                <span style="font-size: 11px; color: #868e96;">ab uni</span>
+                                                        </div>
+                                                        <div class="single_glance_row mt-1" style="display: flex;">
+                                                                <span class="title" style="font-size:11px; font-weight: 600;">Department :</span>
+                                                                <span style="font-size: 11px; color: #868e96;">ab</span>
+                                                        </div>                                        
                                                     </div>
+                                                </div> 
+                                            </div>
+                                        </div>
+                                    </div><!--end col-->
+                                    <div class="col-md-3 bg-white rounded p-2 ms-4" style="width:30%;">
+                                        <div class="row">
+                                            <div class="col-md-12">
+                                                 <h5 style="padding: 8px 4px 0px;">Change password</h5>
+                                                <div class="form-icon position-relative p-2">
+                                                    <input type="text" class="form-control" placeholder="Old password" name="" required="">
                                                 </div>
-                                            </td>
-                                            <td style="font-size: 11px;">test</td>
-                                            <td style="font-size: 11px;">test</td>
-                                            <td style="font-size: 11px;">test</td>
-                                            <td style="font-size: 11px;">test</td>
-                                            <td style="font-size: 11px;">test</td>
-                                        </tr>
-                                    </tbody>
-                                    <tbody>
-                                        <tr>
-                                            <td>
-                                                <div class="institute_info">
-                                                    <div class="left">
-                                                        <i class="fa fa-university" style="padding: 7px;"></i>
+                                                <div class="form-icon position-relative p-2">
+                                                    <input type="text" class="form-control" placeholder="New password" name="" required="">
+                                                </div>
+                                                <div class="form-icon position-relative p-2">
+                                                    <input type="text" class="form-control" placeholder="Re-type new password" name="" required="">
+                                                    <div class="col-md-12">
+                                                        <button class="btn btn2 mt-3" style="margin-left: 8rem;">Changed</button>
                                                     </div>
-                                                    <div class="right">
-                                                        <span class="main_title" style="font-size: 11px;">MSC</span>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div><!--end col-->
+                                    <div class="col-md-3 bg-white rounded p-2 ms-4" style="width:30%;">
+                                        <div class="row">
+                                            <div class="col-md-12">
+                                                    <h5 style="padding: 8px 4px 0px; margin-bottom: 0px;">Research Interest</h5>
+                                                <div class="col-md-12">
+                                                    <div class="mb-2">
+                                                        <div class="form-icon position-relative p-2" style="display: flex;">
+                                                            <input type="text" class="form-control" placeholder="" name="" required="">
+                                                            <button class="btn btn2" style="margin-left: -3.4rem; border-radius: 0px 6px 6px 0px">Add</button>
+                                                        </div>
                                                     </div>
                                                 </div>
-                                            </td>
-                                            <td style="font-size: 11px;">test</td>
-                                            <td style="font-size: 11px;">test</td>
-                                            <td style="font-size: 11px;">test</td>
-                                            <td style="font-size: 11px;">test</td>
-                                            <td style="font-size: 11px;">test</td>
-                                        </tr>
-                                    </tbody>
-                                </table>
-                            </div>
-                        </div><!--end col-->
+                                            </div>
+                                        </div>
+                                    </div><!--end col-->
+                                </div>
+                        </div>
                     </div><!--end teb pane-->
                 </div><!--end tab content-->
             </div><!--end col-->

resources/views/web/layouts/top.blade.php

@@ -588,19 +588,20 @@ element.style {
 }
 .search-box{
     font-size: 14px !important; 
-    width: 95.3%; 
-    margin-left: 16px; 
-    font-size:13px; 
-    border-radius: 6px 17px 17px 6px;
+    width: 100%; 
+    height: 45px;
+    font-weight: 600;
 }
 .search-btn{
-    margin-left: -5.7rem; 
+    margin-left: -6.7rem; 
     border: 2px solid #ccc; 
-    width: 13%; 
+    width: 12%; 
     border-radius: 18px 18px 18px 18px; 
     background-color: #141639c4 !important; 
     color: white; 
     font-weight: 700;
+    height: 34px;
+    margin-top: 5.5px;
 }
 .alert{
     border: 2px solid #e9f0f3 !important;